#2e3d66 hex color

In a RGB color space, hex #2e3d66 is composed of 18% red, 23.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 40.2% magenta, 0% yellow and 60% black. It has a hue angle of 223.9 degrees, a saturation of 37.8% and a lightness of 29%. #2e3d66 color hex could be obtained by blending #5c7acc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 24
- B 40
RGB color chart
- C 55
- M 40
- Y 0
- K 60
CMYK color chart

● #2e3d66 color description : Very dark desaturated blue.

The hexadecimal color #2e3d66 has RGB values of R:46, G:61, B:102 and CMYK values of C:0.55, M:0.4, Y:0, K:0.6. Its decimal value is 3030374.

Hex triplet	2e3d66	`#2e3d66`
RGB Decimal	46, 61, 102	`rgb(46,61,102)`
RGB Percent	18, 23.9, 40	`rgb(18%,23.9%,40%)`
CMYK	55, 40, 0, 60
HSL	223.9°, 37.8, 29	`hsl(223.9,37.8%,29%)`
HSV (or HSB)	223.9°, 54.9, 40
Web Safe	333366	`#333366`

CIE-LAB	26.383, 7.046, -26.005
XYZ	5.193, 4.877, 13.237
xyY	0.223, 0.209, 4.877
CIE-LCH	26.383, 26.942, 285.161
CIE-LUV	26.383, -7.51, -33.111
Hunter-Lab	22.085, 3.326, -20.078
Binary	00101110, 00111101, 01100110

#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#66572e
```
#66572e rgb(102,87,46)
```

Complementary Color

#2e5966
```
#2e5966 rgb(46,89,102)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#3b2e66
```
#3b2e66 rgb(59,46,102)
```

Analogous Color

#59662e
```
#59662e rgb(89,102,46)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#663b2e
```
#663b2e rgb(102,59,46)
```

Split Complementary Color

#3d662e
```
#3d662e rgb(61,102,46)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#662e3d
```
#662e3d rgb(102,46,61)
```

Triadic Color

#2e6657
```
#2e6657 rgb(46,102,87)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#662e3d
```
#662e3d rgb(102,46,61)
```
#66572e
```
#66572e rgb(102,87,46)
```

Tetradic Color

#161d31
```
#161d31 rgb(22,29,49)
```
#1e2843
```
#1e2843 rgb(30,40,67)
```
#263254
```
#263254 rgb(38,50,84)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#364878
```
#364878 rgb(54,72,120)
```
#3e5289
```
#3e5289 rgb(62,82,137)
```
#465d9b
```
#465d9b rgb(70,93,155)
```

Monochromatic Color

Below, you can see some colors close to #2e3d66. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2e4b66
```
#2e4b66 rgb(46,75,102)
```
#2e4666
```
#2e4666 rgb(46,70,102)
```
#2e4266
```
#2e4266 rgb(46,66,102)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#2e3866
```
#2e3866 rgb(46,56,102)
```
#2e3466
```
#2e3466 rgb(46,52,102)
```
#2e2f66
```
#2e2f66 rgb(46,47,102)
```

Similar Colors

Text with hexadecimal color #2e3d66

This text has a font color of #2e3d66.

<span style="color:#2e3d66;">Text here</span>

#2e3d66 background color

This paragraph has a background color of #2e3d66.

<p style="background-color:#2e3d66;">Content here</p>

#2e3d66 border color

This element has a border color of #2e3d66.

<div style="border:1px solid #2e3d66;">Content here</div>

CSS codes

.text {color:#2e3d66;}

.background {background-color:#2e3d66;}

.border {border:1px solid #2e3d66;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030407 is the darkest color, while #f9fafc is the lightest one.

#030407
```
#030407 rgb(3,4,7)
```
#090c15
```
#090c15 rgb(9,12,21)
```
#101522
```
#101522 rgb(16,21,34)
```
#161d30
```
#161d30 rgb(22,29,48)
```
#1c253d
```
#1c253d rgb(28,37,61)
```
#222d4b
```
#222d4b rgb(34,45,75)
```
#283558
```
#283558 rgb(40,53,88)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#344574
```
#344574 rgb(52,69,116)
```
#3a4d81
```
#3a4d81 rgb(58,77,129)
```
#40558f
```
#40558f rgb(64,85,143)
```
#465d9c
```
#465d9c rgb(70,93,156)
```
#4c65aa
```
#4c65aa rgb(76,101,170)
```

Shade Color Variation

#576fb3
```
#576fb3 rgb(87,111,179)
```
#647bb9
```
#647bb9 rgb(100,123,185)
```
#7286bf
```
#7286bf rgb(114,134,191)
```
#7f92c5
```
#7f92c5 rgb(127,146,197)
```
#8d9ecb
```
#8d9ecb rgb(141,158,203)
```
#9aa9d2
```
#9aa9d2 rgb(154,169,210)
```
#a8b5d8
```
#a8b5d8 rgb(168,181,216)
```
#b5c0de
```
#b5c0de rgb(181,192,222)
```
#c3cce4
```
#c3cce4 rgb(195,204,228)
```
#d0d7ea
```
#d0d7ea rgb(208,215,234)
```
#dee3f0
```
#dee3f0 rgb(222,227,240)
```
#ebeef6
```
#ebeef6 rgb(235,238,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45484f is the less saturated color, while #002894 is the most saturated one.

#45484f
```
#45484f rgb(69,72,79)
```
#3f4555
```
#3f4555 rgb(63,69,85)
```
#39425b
```
#39425b rgb(57,66,91)
```
#344060
```
#344060 rgb(52,64,96)
```
#2e3d66
```
#2e3d66 rgb(46,61,102)
```
#283a6c
```
#283a6c rgb(40,58,108)
```
#233871
```
#233871 rgb(35,56,113)
```
#1d3577
```
#1d3577 rgb(29,53,119)
```
#17327d
```
#17327d rgb(23,50,125)
```
#123082
```
#123082 rgb(18,48,130)
```
#0c2d88
```
#0c2d88 rgb(12,45,136)
```
#062b8e
```
#062b8e rgb(6,43,142)
```
#002894
```
#002894 rgb(0,40,148)
```

Tone Color Variation

Below, you can see how #2e3d66 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#3d3d3d Achromatopsia 0.005% of the population
#3a3d45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#38476e Protanopia 1% of men
#32486d Deuteranopia 1% of men
#2d4d52 Tritanopia 0.001% of the population

Trichromacy

#34436b Protanomaly 1% of men, 0.01% of women
#30446a Deuteranomaly 6% of men, 0.4% of women
#2d4759 Tritanomaly 0.01% of the population

#2e3d66 hex color

#2e3d66 Color Information

#2e3d66 Color Conversion

Color Schemes with #2e3d66

Alternatives to #2e3d66

#2e3d66 Preview

Shades and Tints of #2e3d66

Tones of #2e3d66

Color Blindness Simulator