#1e5696 hex color

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

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

● #1e5696 color description : Dark blue.

The hexadecimal color #1e5696 has RGB values of R:30, G:86, B:150 and CMYK values of C:0.8, M:0.43, Y:0, K:0.41. Its decimal value is 1988246.

Hex triplet	1e5696	`#1e5696`
RGB Decimal	30, 86, 150	`rgb(30,86,150)`
RGB Percent	11.8, 33.7, 58.8	`rgb(11.8%,33.7%,58.8%)`
CMYK	80, 43, 0, 41
HSL	212°, 66.7, 35.3	`hsl(212,66.7%,35.3%)`
HSV (or HSB)	212°, 80, 58.8
Web Safe	336699	`#336699`

CIE-LAB	36.239, 5.786, -40.251
XYZ	9.367, 9.133, 30.122
xyY	0.193, 0.188, 9.133
CIE-LCH	36.239, 40.664, 278.18
CIE-LUV	36.239, -18.639, -57.058
Hunter-Lab	30.221, 2.441, -37.941
Binary	00011110, 01010110, 10010110

#1e5696
```
#1e5696 rgb(30,86,150)
```
#965e1e
```
#965e1e rgb(150,94,30)
```

Complementary Color

#1e9296
```
#1e9296 rgb(30,146,150)
```
#1e5696
```
#1e5696 rgb(30,86,150)
```
#221e96
```
#221e96 rgb(34,30,150)
```

Analogous Color

#92961e
```
#92961e rgb(146,150,30)
```
#1e5696
```
#1e5696 rgb(30,86,150)
```
#96221e
```
#96221e rgb(150,34,30)
```

Split Complementary Color

#56961e
```
#56961e rgb(86,150,30)
```
#1e5696
```
#1e5696 rgb(30,86,150)
```
#961e56
```
#961e56 rgb(150,30,86)
```

Triadic Color

#1e965e
```
#1e965e rgb(30,150,94)
```
#1e5696
```
#1e5696 rgb(30,86,150)
```
#961e56
```
#961e56 rgb(150,30,86)
```
#965e1e
```
#965e1e rgb(150,94,30)
```

Tetradic Color

#113156
```
#113156 rgb(17,49,86)
```
#163e6c
```
#163e6c rgb(22,62,108)
```
#1a4a81
```
#1a4a81 rgb(26,74,129)
```
#1e5696
```
#1e5696 rgb(30,86,150)
```
#2262ab
```
#2262ab rgb(34,98,171)
```
#276ec1
```
#276ec1 rgb(39,110,193)
```
#2c7bd5
```
#2c7bd5 rgb(44,123,213)
```

Monochromatic Color

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

#1e7496
```
#1e7496 rgb(30,116,150)
```
#1e6a96
```
#1e6a96 rgb(30,106,150)
```
#1e6096
```
#1e6096 rgb(30,96,150)
```
#1e5696
```
#1e5696 rgb(30,86,150)
```
#1e4c96
```
#1e4c96 rgb(30,76,150)
```
#1e4296
```
#1e4296 rgb(30,66,150)
```
#1e3896
```
#1e3896 rgb(30,56,150)
```

Similar Colors

Text with hexadecimal color #1e5696

This text has a font color of #1e5696.

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

#1e5696 background color

This paragraph has a background color of #1e5696.

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

#1e5696 border color

This element has a border color of #1e5696.

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

CSS codes

.text {color:#1e5696;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040b13
```
#040b13 rgb(4,11,19)
```
#071424
```
#071424 rgb(7,20,36)
```
#0a1e34
```
#0a1e34 rgb(10,30,52)
```
#0e2744
```
#0e2744 rgb(14,39,68)
```
#113155
```
#113155 rgb(17,49,85)
```
#143a65
```
#143a65 rgb(20,58,101)
```
#174375
```
#174375 rgb(23,67,117)
```
#1b4d86
```
#1b4d86 rgb(27,77,134)
```
#1e5696
```
#1e5696 rgb(30,86,150)
```
#215fa6
```
#215fa6 rgb(33,95,166)
```
#2569b7
```
#2569b7 rgb(37,105,183)
```
#2872c7
```
#2872c7 rgb(40,114,199)
```

Shade Color Variation

#2d7cd5
```
#2d7cd5 rgb(45,124,213)
```
#3e86d8
```
#3e86d8 rgb(62,134,216)
```
#4e90dc
```
#4e90dc rgb(78,144,220)
```
#5e9adf
```
#5e9adf rgb(94,154,223)
```
#6fa5e2
```
#6fa5e2 rgb(111,165,226)
```
#7fafe5
```
#7fafe5 rgb(127,175,229)
```
#8fb9e9
```
#8fb9e9 rgb(143,185,233)
```
#a0c3ec
```
#a0c3ec rgb(160,195,236)
```
#b0ceef
```
#b0ceef rgb(176,206,239)
```
#c1d8f3
```
#c1d8f3 rgb(193,216,243)
```
#d1e2f6
```
#d1e2f6 rgb(209,226,246)
```
#e1ecf9
```
#e1ecf9 rgb(225,236,249)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555a5f is the less saturated color, while #0254b2 is the most saturated one.

#555a5f
```
#555a5f rgb(85,90,95)
```
#4e5966
```
#4e5966 rgb(78,89,102)
```
#48596c
```
#48596c rgb(72,89,108)
```
#415873
```
#415873 rgb(65,88,115)
```
#3a587a
```
#3a587a rgb(58,88,122)
```
#335781
```
#335781 rgb(51,87,129)
```
#2c5788
```
#2c5788 rgb(44,87,136)
```
#25568f
```
#25568f rgb(37,86,143)
```
#1e5696
```
#1e5696 rgb(30,86,150)
```
#17569d
```
#17569d rgb(23,86,157)
```
#1055a4
```
#1055a4 rgb(16,85,164)
```
#0955ab
```
#0955ab rgb(9,85,171)
```
#0254b2
```
#0254b2 rgb(2,84,178)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#444f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#405c99 Protanopia 1% of men
#255f9b Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#345998 Protanomaly 1% of men, 0.01% of women
#225b99 Deuteranomaly 6% of men, 0.4% of women
#0a607c Tritanomaly 0.01% of the population

#1e5696 hex color

#1e5696 Color Information

#1e5696 Color Conversion

Color Schemes with #1e5696

Alternatives to #1e5696

#1e5696 Preview

Shades and Tints of #1e5696

Tones of #1e5696

Color Blindness Simulator