#1e3396 hex color

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

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

● #1e3396 color description : Dark blue.

The hexadecimal color #1e3396 has RGB values of R:30, G:51, B:150 and CMYK values of C:0.8, M:0.66, Y:0, K:0.41. Its decimal value is 1979286.

Hex triplet	1e3396	`#1e3396`
RGB Decimal	30, 51, 150	`rgb(30,51,150)`
RGB Percent	11.8, 20, 58.8	`rgb(11.8%,20%,58.8%)`
CMYK	80, 66, 0, 41
HSL	229.5°, 66.7, 35.3	`hsl(229.5,66.7%,35.3%)`
HSV (or HSB)	229.5°, 80, 58.8
Web Safe	333399	`#333399`

CIE-LAB	26.289, 29.507, -56.367
XYZ	7.223, 4.845, 29.407
xyY	0.174, 0.117, 4.845
CIE-LCH	26.289, 63.623, 297.631
CIE-LUV	26.289, -8.881, -71.414
Hunter-Lab	22.012, 20.054, -63.801
Binary	00011110, 00110011, 10010110

#1e3396
```
#1e3396 rgb(30,51,150)
```
#96811e
```
#96811e rgb(150,129,30)
```

Complementary Color

#1e6f96
```
#1e6f96 rgb(30,111,150)
```
#1e3396
```
#1e3396 rgb(30,51,150)
```
#451e96
```
#451e96 rgb(69,30,150)
```

Analogous Color

#6f961e
```
#6f961e rgb(111,150,30)
```
#1e3396
```
#1e3396 rgb(30,51,150)
```
#96451e
```
#96451e rgb(150,69,30)
```

Split Complementary Color

#33961e
```
#33961e rgb(51,150,30)
```
#1e3396
```
#1e3396 rgb(30,51,150)
```
#961e33
```
#961e33 rgb(150,30,51)
```

Triadic Color

#1e9681
```
#1e9681 rgb(30,150,129)
```
#1e3396
```
#1e3396 rgb(30,51,150)
```
#961e33
```
#961e33 rgb(150,30,51)
```
#96811e
```
#96811e rgb(150,129,30)
```

Tetradic Color

#111d56
```
#111d56 rgb(17,29,86)
```
#16256c
```
#16256c rgb(22,37,108)
```
#1a2c81
```
#1a2c81 rgb(26,44,129)
```
#1e3396
```
#1e3396 rgb(30,51,150)
```
#223aab
```
#223aab rgb(34,58,171)
```
#2741c1
```
#2741c1 rgb(39,65,193)
```
#2c49d5
```
#2c49d5 rgb(44,73,213)
```

Monochromatic Color

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

#1e5196
```
#1e5196 rgb(30,81,150)
```
#1e4796
```
#1e4796 rgb(30,71,150)
```
#1e3d96
```
#1e3d96 rgb(30,61,150)
```
#1e3396
```
#1e3396 rgb(30,51,150)
```
#1e2996
```
#1e2996 rgb(30,41,150)
```
#1e1f96
```
#1e1f96 rgb(30,31,150)
```
#271e96
```
#271e96 rgb(39,30,150)
```

Similar Colors

Text with hexadecimal color #1e3396

This text has a font color of #1e3396.

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

#1e3396 background color

This paragraph has a background color of #1e3396.

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

#1e3396 border color

This element has a border color of #1e3396.

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

CSS codes

.text {color:#1e3396;}

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

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

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 #f2f3fc is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#040713
```
#040713 rgb(4,7,19)
```
#070c24
```
#070c24 rgb(7,12,36)
```
#0a1234
```
#0a1234 rgb(10,18,52)
```
#0e1744
```
#0e1744 rgb(14,23,68)
```
#111d55
```
#111d55 rgb(17,29,85)
```
#142265
```
#142265 rgb(20,34,101)
```
#172875
```
#172875 rgb(23,40,117)
```
#1b2d86
```
#1b2d86 rgb(27,45,134)
```
#1e3396
```
#1e3396 rgb(30,51,150)
```
#2139a6
```
#2139a6 rgb(33,57,166)
```
#253eb7
```
#253eb7 rgb(37,62,183)
```
#2844c7
```
#2844c7 rgb(40,68,199)
```

Shade Color Variation

#2d4bd5
```
#2d4bd5 rgb(45,75,213)
```
#3e59d8
```
#3e59d8 rgb(62,89,216)
```
#4e67dc
```
#4e67dc rgb(78,103,220)
```
#5e75df
```
#5e75df rgb(94,117,223)
```
#6f83e2
```
#6f83e2 rgb(111,131,226)
```
#7f91e5
```
#7f91e5 rgb(127,145,229)
```
#8f9fe9
```
#8f9fe9 rgb(143,159,233)
```
#a0adec
```
#a0adec rgb(160,173,236)
```
#b0bbef
```
#b0bbef rgb(176,187,239)
```
#c1c9f3
```
#c1c9f3 rgb(193,201,243)
```
#d1d7f6
```
#d1d7f6 rgb(209,215,246)
```
#e1e5f9
```
#e1e5f9 rgb(225,229,249)
```
#f2f3fc
```
#f2f3fc rgb(242,243,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 #0221b2 is the most saturated one.

#55575f
```
#55575f rgb(85,87,95)
```
#4e5366
```
#4e5366 rgb(78,83,102)
```
#484e6c
```
#484e6c rgb(72,78,108)
```
#414a73
```
#414a73 rgb(65,74,115)
```
#3a457a
```
#3a457a rgb(58,69,122)
```
#334181
```
#334181 rgb(51,65,129)
```
#2c3c88
```
#2c3c88 rgb(44,60,136)
```
#25388f
```
#25388f rgb(37,56,143)
```
#1e3396
```
#1e3396 rgb(30,51,150)
```
#172f9d
```
#172f9d rgb(23,47,157)
```
#102aa4
```
#102aa4 rgb(16,42,164)
```
#0926ab
```
#0926ab rgb(9,38,171)
```
#0221b2
```
#0221b2 rgb(2,33,178)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#33374b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a77 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#0a3f8d Protanomaly 1% of men, 0.01% of women
#0a4182 Deuteranomaly 6% of men, 0.4% of women
#0a456b Tritanomaly 0.01% of the population

#1e3396 hex color

#1e3396 Color Information

#1e3396 Color Conversion

Color Schemes with #1e3396

Alternatives to #1e3396

#1e3396 Preview

Shades and Tints of #1e3396

Tones of #1e3396

Color Blindness Simulator