#2e49e3 Hex Color

The RBG values of the #2e49e3 hex color are 46 (red), 73 (blue), and 227 (green). While the HSL values of #2e49e3 are 0.64 (hue), 0.66 (saturation), and 0.54 (lightness).

The CMYK values of #2e49e3 are 0.8 (cyan), 0.68 (magenta), 0 (yellow), and 0.11 (black).


#2e49e3 Color Spaces Conversions

This are the conversions of #2e49e3 to the different color spaces.

Hexadecimal

2e49e3

CIE-Lab

39.3979, 44.9818, -80.2163

RGB

46, 73, 227

CIE-Lch

39.3979, 91.9674, 299.2818

HSL

0.64, 0.66, 0.54

CIE-Luv

39.3979, -12.8573, -115.0791

HSV

0.64, 0.8, 0.89

Hunter-Lab

33.003, 36.2158, -109.5871

CMYK

0.8, 0.68, 0, 0.11

XYZ

17.3744, 10.892, 73.8597

Binary

101110, 1001001, 11100011

YXY

10.892, 0.1701, 0.1067

#2e49e3 Color Schemes

This are some of the common color schemes used in web design for the #2e49e3 hex color.

#2e49e3 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #2e49e3 to #050a26.

#2e49e3 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #2e49e3 to #f8f9fe.

#2e49e3 Similar Hex Colors



#2e49e3 Style Preview

Font Color

#2e49e3 Font Color
style='color:#2e49e3;'

Background Color

#2e49e3 Background Color
style='background:#2e49e3;'

Border Color

#2e49e3 Border Color
style='border:2px solid #2e49e3;'

Text Shadow

#2e49e3 Text Shadow
style='text-shadow: 4px 4px 2px #2e49e3;'

Shades Gradient

#2e49e3 Shades Gradient
style='background: -moz-linear-gradient(top, #2e49e3, #050a26); background: -webkit-linear-gradient(top, #2e49e3, #050a26); background: -o-linear-gradient(top, #2e49e3, #050a26); background: -ms-linear-gradient(top, #2e49e3, #050a26); background: linear-gradient(top, #2e49e3, #050a26);'

Tints Gradient

#2e49e3 Tints Gradient
style='background: -moz-linear-gradient(top, #2e49e3, #f8f9fe); background: -webkit-linear-gradient(top, #2e49e3, #f8f9fe); background: -o-linear-gradient(top, #2e49e3, #f8f9fe); background: -ms-linear-gradient(top, #2e49e3, #f8f9fe); background: linear-gradient(top, #2e49e3, #f8f9fe);'