#2e3caa hex color

In a RGB color space, hex #2e3caa is composed of 18% red, 23.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 64.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 233.2 degrees, a saturation of 57.4% and a lightness of 42.4%. #2e3caa color hex could be obtained by blending #5c78ff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 24
- B 67
RGB color chart
- C 73
- M 65
- Y 0
- K 33
CMYK color chart

● #2e3caa color description : Dark blue.

The hexadecimal color #2e3caa has RGB values of R:46, G:60, B:170 and CMYK values of C:0.73, M:0.65, Y:0, K:0.33. Its decimal value is 3030186.

Hex triplet	2e3caa	`#2e3caa`
RGB Decimal	46, 60, 170	`rgb(46,60,170)`
RGB Percent	18, 23.5, 66.7	`rgb(18%,23.5%,66.7%)`
CMYK	73, 65, 0, 33
HSL	233.2°, 57.4, 42.4	`hsl(233.2,57.4%,42.4%)`
HSV (or HSB)	233.2°, 72.9, 66.7
Web Safe	333399	`#333399`

CIE-LAB	31.147, 32.796, -60.501
XYZ	9.997, 6.714, 38.797
xyY	0.18, 0.121, 6.714
CIE-LCH	31.147, 68.818, 298.461
CIE-LUV	31.147, -8.812, -81.895
Hunter-Lab	25.912, 23.52, -70.635
Binary	00101110, 00111100, 10101010

#2e3caa
```
#2e3caa rgb(46,60,170)
```
#aa9c2e
```
#aa9c2e rgb(170,156,46)
```

Complementary Color

#2e7aaa
```
#2e7aaa rgb(46,122,170)
```
#2e3caa
```
#2e3caa rgb(46,60,170)
```
#5e2eaa
```
#5e2eaa rgb(94,46,170)
```

Analogous Color

#7aaa2e
```
#7aaa2e rgb(122,170,46)
```
#2e3caa
```
#2e3caa rgb(46,60,170)
```
#aa5e2e
```
#aa5e2e rgb(170,94,46)
```

Split Complementary Color

#3caa2e
```
#3caa2e rgb(60,170,46)
```
#2e3caa
```
#2e3caa rgb(46,60,170)
```
#aa2e3c
```
#aa2e3c rgb(170,46,60)
```

Triadic Color

#2eaa9c
```
#2eaa9c rgb(46,170,156)
```
#2e3caa
```
#2e3caa rgb(46,60,170)
```
#aa2e3c
```
#aa2e3c rgb(170,46,60)
```
#aa9c2e
```
#aa9c2e rgb(170,156,46)
```

Tetradic Color

#1e276e
```
#1e276e rgb(30,39,110)
```
#232e82
```
#232e82 rgb(35,46,130)
```
#293596
```
#293596 rgb(41,53,150)
```
#2e3caa
```
#2e3caa rgb(46,60,170)
```
#3343be
```
#3343be rgb(51,67,190)
```
#4050cb
```
#4050cb rgb(64,80,203)
```
#5462d1
```
#5462d1 rgb(84,98,209)
```

Monochromatic Color

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

#2e5baa
```
#2e5baa rgb(46,91,170)
```
#2e51aa
```
#2e51aa rgb(46,81,170)
```
#2e46aa
```
#2e46aa rgb(46,70,170)
```
#2e3caa
```
#2e3caa rgb(46,60,170)
```
#2e32aa
```
#2e32aa rgb(46,50,170)
```
#352eaa
```
#352eaa rgb(53,46,170)
```
#3f2eaa
```
#3f2eaa rgb(63,46,170)
```

Similar Colors

Text with hexadecimal color #2e3caa

This text has a font color of #2e3caa.

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

#2e3caa background color

This paragraph has a background color of #2e3caa.

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

#2e3caa border color

This element has a border color of #2e3caa.

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

CSS codes

.text {color:#2e3caa;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040610
```
#040610 rgb(4,6,16)
```
#080b1f
```
#080b1f rgb(8,11,31)
```
#0d102e
```
#0d102e rgb(13,16,46)
```
#11163e
```
#11163e rgb(17,22,62)
```
#151b4d
```
#151b4d rgb(21,27,77)
```
#19215d
```
#19215d rgb(25,33,93)
```
#1d266c
```
#1d266c rgb(29,38,108)
```
#212c7c
```
#212c7c rgb(33,44,124)
```
#26318b
```
#26318b rgb(38,49,139)
```
#2a379b
```
#2a379b rgb(42,55,155)
```
#2e3caa
```
#2e3caa rgb(46,60,170)
```
#3241b9
```
#3241b9 rgb(50,65,185)
```

Shade Color Variation

#3647c9
```
#3647c9 rgb(54,71,201)
```
#4655cd
```
#4655cd rgb(70,85,205)
```
#5563d1
```
#5563d1 rgb(85,99,209)
```
#6572d5
```
#6572d5 rgb(101,114,213)
```
#7480d9
```
#7480d9 rgb(116,128,217)
```
#848ede
```
#848ede rgb(132,142,222)
```
#939ce2
```
#939ce2 rgb(147,156,226)
```
#a3aae6
```
#a3aae6 rgb(163,170,230)
```
#b2b8ea
```
#b2b8ea rgb(178,184,234)
```
#c1c7ee
```
#c1c7ee rgb(193,199,238)
```
#d1d5f3
```
#d1d5f3 rgb(209,213,243)
```
#e0e3f7
```
#e0e3f7 rgb(224,227,247)
```
#f0f1fb
```
#f0f1fb rgb(240,241,251)
```

Tint Color Variation

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

#686970
```
#686970 rgb(104,105,112)
```
#606378
```
#606378 rgb(96,99,120)
```
#585c80
```
#585c80 rgb(88,92,128)
```
#4f5689
```
#4f5689 rgb(79,86,137)
```
#474f91
```
#474f91 rgb(71,79,145)
```
#3f4999
```
#3f4999 rgb(63,73,153)
```
#3642a2
```
#3642a2 rgb(54,66,162)
```
#2e3caa
```
#2e3caa rgb(46,60,170)
```
#2636b2
```
#2636b2 rgb(38,54,178)
```
#1d2fbb
```
#1d2fbb rgb(29,47,187)
```
#1529c3
```
#1529c3 rgb(21,41,195)
```
#0d22cb
```
#0d22cb rgb(13,34,203)
```
#041cd4
```
#041cd4 rgb(4,28,212)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005488 Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#1048a1 Protanomaly 1% of men, 0.01% of women
#104b94 Deuteranomaly 6% of men, 0.4% of women
#104f7b Tritanomaly 0.01% of the population

#2e3caa hex color

#2e3caa Color Information

#2e3caa Color Conversion

Color Schemes with #2e3caa

Alternatives to #2e3caa

#2e3caa Preview

Shades and Tints of #2e3caa

Tones of #2e3caa

Color Blindness Simulator