#1e3996 hex color

In a RGB color space, hex #1e3996 is composed of 11.8% red, 22.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 62% magenta, 0% yellow and 41.2% black. It has a hue angle of 226.5 degrees, a saturation of 66.7% and a lightness of 35.3%. #1e3996 color hex could be obtained by blending #3c72ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 22
- B 59
RGB color chart
- C 80
- M 62
- Y 0
- K 41
CMYK color chart

● #1e3996 color description : Dark blue.

The hexadecimal color #1e3996 has RGB values of R:30, G:57, B:150 and CMYK values of C:0.8, M:0.62, Y:0, K:0.41. Its decimal value is 1980822.

Hex triplet	1e3996	`#1e3996`
RGB Decimal	30, 57, 150	`rgb(30,57,150)`
RGB Percent	11.8, 22.4, 58.8	`rgb(11.8%,22.4%,58.8%)`
CMYK	80, 62, 0, 41
HSL	226.5°, 66.7, 35.3	`hsl(226.5,66.7%,35.3%)`
HSV (or HSB)	226.5°, 80, 58.8
Web Safe	333399	`#333399`

CIE-LAB	27.855, 25.45, -53.802
XYZ	7.502, 5.404, 29.5
xyY	0.177, 0.127, 5.404
CIE-LCH	27.855, 59.518, 295.316
CIE-LUV	27.855, -10.266, -70.129
Hunter-Lab	23.246, 16.929, -58.969
Binary	00011110, 00111001, 10010110

#1e3996
```
#1e3996 rgb(30,57,150)
```
#967b1e
```
#967b1e rgb(150,123,30)
```

Complementary Color

#1e7596
```
#1e7596 rgb(30,117,150)
```
#1e3996
```
#1e3996 rgb(30,57,150)
```
#3f1e96
```
#3f1e96 rgb(63,30,150)
```

Analogous Color

#75961e
```
#75961e rgb(117,150,30)
```
#1e3996
```
#1e3996 rgb(30,57,150)
```
#963f1e
```
#963f1e rgb(150,63,30)
```

Split Complementary Color

#39961e
```
#39961e rgb(57,150,30)
```
#1e3996
```
#1e3996 rgb(30,57,150)
```
#961e39
```
#961e39 rgb(150,30,57)
```

Triadic Color

#1e967b
```
#1e967b rgb(30,150,123)
```
#1e3996
```
#1e3996 rgb(30,57,150)
```
#961e39
```
#961e39 rgb(150,30,57)
```
#967b1e
```
#967b1e rgb(150,123,30)
```

Tetradic Color

#112156
```
#112156 rgb(17,33,86)
```
#16296c
```
#16296c rgb(22,41,108)
```
#1a3181
```
#1a3181 rgb(26,49,129)
```
#1e3996
```
#1e3996 rgb(30,57,150)
```
#2241ab
```
#2241ab rgb(34,65,171)
```
#2749c1
```
#2749c1 rgb(39,73,193)
```
#2c52d5
```
#2c52d5 rgb(44,82,213)
```

Monochromatic Color

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

#1e5796
```
#1e5796 rgb(30,87,150)
```
#1e4d96
```
#1e4d96 rgb(30,77,150)
```
#1e4396
```
#1e4396 rgb(30,67,150)
```
#1e3996
```
#1e3996 rgb(30,57,150)
```
#1e2f96
```
#1e2f96 rgb(30,47,150)
```
#1e2596
```
#1e2596 rgb(30,37,150)
```
#211e96
```
#211e96 rgb(33,30,150)
```

Similar Colors

Text with hexadecimal color #1e3996

This text has a font color of #1e3996.

<span style="color:#1e3996;">Text here</span>

#1e3996 background color

This paragraph has a background color of #1e3996.

<p style="background-color:#1e3996;">Content here</p>

#1e3996 border color

This element has a border color of #1e3996.

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

CSS codes

.text {color:#1e3996;}

.background {background-color:#1e3996;}

.border {border:1px solid #1e3996;}

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

#010103
```
#010103 rgb(1,1,3)
```
#040713
```
#040713 rgb(4,7,19)
```
#070e24
```
#070e24 rgb(7,14,36)
```
#0a1434
```
#0a1434 rgb(10,20,52)
```
#0e1a44
```
#0e1a44 rgb(14,26,68)
```
#112055
```
#112055 rgb(17,32,85)
```
#142665
```
#142665 rgb(20,38,101)
```
#172d75
```
#172d75 rgb(23,45,117)
```
#1b3386
```
#1b3386 rgb(27,51,134)
```
#1e3996
```
#1e3996 rgb(30,57,150)
```
#213fa6
```
#213fa6 rgb(33,63,166)
```
#2545b7
```
#2545b7 rgb(37,69,183)
```
#284cc7
```
#284cc7 rgb(40,76,199)
```

Shade Color Variation

#2d53d5
```
#2d53d5 rgb(45,83,213)
```
#3e61d8
```
#3e61d8 rgb(62,97,216)
```
#4e6edc
```
#4e6edc rgb(78,110,220)
```
#5e7bdf
```
#5e7bdf rgb(94,123,223)
```
#6f89e2
```
#6f89e2 rgb(111,137,226)
```
#7f96e5
```
#7f96e5 rgb(127,150,229)
```
#8fa4e9
```
#8fa4e9 rgb(143,164,233)
```
#a0b1ec
```
#a0b1ec rgb(160,177,236)
```
#b0beef
```
#b0beef rgb(176,190,239)
```
#c1ccf3
```
#c1ccf3 rgb(193,204,243)
```
#d1d9f6
```
#d1d9f6 rgb(209,217,246)
```
#e1e7f9
```
#e1e7f9 rgb(225,231,249)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```

Tint Color Variation

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

#55575f
```
#55575f rgb(85,87,95)
```
#4e5466
```
#4e5466 rgb(78,84,102)
```
#48506c
```
#48506c rgb(72,80,108)
```
#414c73
```
#414c73 rgb(65,76,115)
```
#3a487a
```
#3a487a rgb(58,72,122)
```
#334481
```
#334481 rgb(51,68,129)
```
#2c4188
```
#2c4188 rgb(44,65,136)
```
#253d8f
```
#253d8f rgb(37,61,143)
```
#1e3996
```
#1e3996 rgb(30,57,150)
```
#17359d
```
#17359d rgb(23,53,157)
```
#1031a4
```
#1031a4 rgb(16,49,164)
```
#092eab
```
#092eab rgb(9,46,171)
```
#022ab2
```
#022ab2 rgb(2,42,178)
```

Tone Color Variation

Below, you can see how #1e3996 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

#3c3c3c Achromatopsia 0.005% of the population
#363b4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004d7d Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#0a4391 Protanomaly 1% of men, 0.01% of women
#0a4686 Deuteranomaly 6% of men, 0.4% of women
#0a496e Tritanomaly 0.01% of the population

#1e3996 hex color

#1e3996 Color Information

#1e3996 Color Conversion

Color Schemes with #1e3996

Alternatives to #1e3996

#1e3996 Preview

Shades and Tints of #1e3996

Tones of #1e3996

Color Blindness Simulator