#2e3367 hex color

In a RGB color space, hex #2e3367 is composed of 18% red, 20% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 50.5% magenta, 0% yellow and 59.6% black. It has a hue angle of 234.7 degrees, a saturation of 38.3% and a lightness of 29.2%. #2e3367 color hex could be obtained by blending #5c66ce with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #2e3367 has RGB values of R:46, G:51, B:103 and CMYK values of C:0.55, M:0.5, Y:0, K:0.6. Its decimal value is 3027815.

Hex triplet	2e3367	`#2e3367`
RGB Decimal	46, 51, 103	`rgb(46,51,103)`
RGB Percent	18, 20, 40.4	`rgb(18%,20%,40.4%)`
CMYK	55, 50, 0, 60
HSL	234.7°, 38.3, 29.2	`hsl(234.7,38.3%,29.2%)`
HSV (or HSB)	234.7°, 55.3, 40.4
Web Safe	333366	`#333366`

CIE-LAB	23.431, 14.318, -31.346
XYZ	4.758, 3.928, 13.339
xyY	0.216, 0.178, 3.928
CIE-LCH	23.431, 34.461, 294.55
CIE-LUV	23.431, -4.35, -38.814
Hunter-Lab	19.818, 8.175, -26.032
Binary	00101110, 00110011, 01100111

#2e3367
```
#2e3367 rgb(46,51,103)
```
#67622e
```
#67622e rgb(103,98,46)
```

Complementary Color

#2e5067
```
#2e5067 rgb(46,80,103)
```
#2e3367
```
#2e3367 rgb(46,51,103)
```
#462e67
```
#462e67 rgb(70,46,103)
```

Analogous Color

#50672e
```
#50672e rgb(80,103,46)
```
#2e3367
```
#2e3367 rgb(46,51,103)
```
#67462e
```
#67462e rgb(103,70,46)
```

Split Complementary Color

#33672e
```
#33672e rgb(51,103,46)
```
#2e3367
```
#2e3367 rgb(46,51,103)
```
#672e33
```
#672e33 rgb(103,46,51)
```

Triadic Color

#2e6762
```
#2e6762 rgb(46,103,98)
```
#2e3367
```
#2e3367 rgb(46,51,103)
```
#672e33
```
#672e33 rgb(103,46,51)
```
#67622e
```
#67622e rgb(103,98,46)
```

Tetradic Color

#161932
```
#161932 rgb(22,25,50)
```
#1e2244
```
#1e2244 rgb(30,34,68)
```
#262a55
```
#262a55 rgb(38,42,85)
```
#2e3367
```
#2e3367 rgb(46,51,103)
```
#363c79
```
#363c79 rgb(54,60,121)
```
#3e448a
```
#3e448a rgb(62,68,138)
```
#464d9c
```
#464d9c rgb(70,77,156)
```

Monochromatic Color

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

#2e4167
```
#2e4167 rgb(46,65,103)
```
#2e3d67
```
#2e3d67 rgb(46,61,103)
```
#2e3867
```
#2e3867 rgb(46,56,103)
```
#2e3367
```
#2e3367 rgb(46,51,103)
```
#2e2e67
```
#2e2e67 rgb(46,46,103)
```
#332e67
```
#332e67 rgb(51,46,103)
```
#372e67
```
#372e67 rgb(55,46,103)
```

Similar Colors

Text with hexadecimal color #2e3367

This text has a font color of #2e3367.

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

#2e3367 background color

This paragraph has a background color of #2e3367.

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

#2e3367 border color

This element has a border color of #2e3367.

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

CSS codes

.text {color:#2e3367;}

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

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

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, #040408 is the darkest color, while #fafafd is the lightest one.

#040408
```
#040408 rgb(4,4,8)
```
#0a0b16
```
#0a0b16 rgb(10,11,22)
```
#101123
```
#101123 rgb(16,17,35)
```
#161831
```
#161831 rgb(22,24,49)
```
#1c1f3e
```
#1c1f3e rgb(28,31,62)
```
#22264c
```
#22264c rgb(34,38,76)
```
#282c59
```
#282c59 rgb(40,44,89)
```
#2e3367
```
#2e3367 rgb(46,51,103)
```
#343a75
```
#343a75 rgb(52,58,117)
```
#3a4082
```
#3a4082 rgb(58,64,130)
```
#404790
```
#404790 rgb(64,71,144)
```
#464e9d
```
#464e9d rgb(70,78,157)
```
#4c55ab
```
#4c55ab rgb(76,85,171)
```

Shade Color Variation

#575fb4
```
#575fb4 rgb(87,95,180)
```
#646cba
```
#646cba rgb(100,108,186)
```
#7279c0
```
#7279c0 rgb(114,121,192)
```
#7f86c6
```
#7f86c6 rgb(127,134,198)
```
#8d93cc
```
#8d93cc rgb(141,147,204)
```
#9b9fd2
```
#9b9fd2 rgb(155,159,210)
```
#a8acd8
```
#a8acd8 rgb(168,172,216)
```
#b6b9de
```
#b6b9de rgb(182,185,222)
```
#c3c6e4
```
#c3c6e4 rgb(195,198,228)
```
#d1d3ea
```
#d1d3ea rgb(209,211,234)
```
#dee0f0
```
#dee0f0 rgb(222,224,240)
```
#ecedf6
```
#ecedf6 rgb(236,237,246)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#454650
```
#454650 rgb(69,70,80)
```
#3f4156
```
#3f4156 rgb(63,65,86)
```
#393c5c
```
#393c5c rgb(57,60,92)
```
#343861
```
#343861 rgb(52,56,97)
```
#2e3367
```
#2e3367 rgb(46,51,103)
```
#282e6d
```
#282e6d rgb(40,46,109)
```
#232a72
```
#232a72 rgb(35,42,114)
```
#1d2578
```
#1d2578 rgb(29,37,120)
```
#17207e
```
#17207e rgb(23,32,126)
```
#111b84
```
#111b84 rgb(17,27,132)
```
#0c1789
```
#0c1789 rgb(12,23,137)
```
#06128f
```
#06128f rgb(6,18,143)
```
#000d95
```
#000d95 rgb(0,13,149)
```

Tone Color Variation

Below, you can see how #2e3367 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

#373737 Achromatopsia 0.005% of the population
#353641 Atypical Achromatopsia 0.001% of the population

Dichromacy

#274071 Protanopia 1% of men
#1c426c Deuteranopia 1% of men
#29464b Tritanopia 0.001% of the population

Trichromacy

#293b6d Protanomaly 1% of men, 0.01% of women
#223d6a Deuteranomaly 6% of men, 0.4% of women
#2b3f55 Tritanomaly 0.01% of the population

#2e3367 hex color

#2e3367 Color Information

#2e3367 Color Conversion

Color Schemes with #2e3367

Alternatives to #2e3367

#2e3367 Preview

Shades and Tints of #2e3367

Tones of #2e3367

Color Blindness Simulator