colorhexa.com

#1e5396 hex color

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

- R 12
- G 33
- B 59
RGB color chart
- C 80
- M 45
- Y 0
- K 41
CMYK color chart

● #1e5396 color description : Dark blue.

The hexadecimal color #1e5396 has RGB values of R:30, G:83, B:150 and CMYK values of C:0.8, M:0.45, Y:0, K:0.41. Its decimal value is 1987478.

Hex triplet	1e5396	`#1e5396`
RGB Decimal	30, 83, 150	`rgb(30,83,150)`
RGB Percent	11.8, 32.5, 58.8	`rgb(11.8%,32.5%,58.8%)`
CMYK	80, 45, 0, 41
HSL	213.5°, 66.7, 35.3	`hsl(213.5,66.7%,35.3%)`
HSV (or HSB)	213.5°, 80, 58.8
Web Safe	336699	`#336699`

CIE-LAB	35.329, 7.764, -41.707
XYZ	9.132, 8.664, 30.043
xyY	0.191, 0.181, 8.664
CIE-LCH	35.329, 42.423, 280.546
CIE-LUV	35.329, -17.67, -58.862
Hunter-Lab	29.434, 3.872, -39.913
Binary	00011110, 01010011, 10010110

#1e5396
```
#1e5396 rgb(30,83,150)
```
#96611e
```
#96611e rgb(150,97,30)
```

Complementary Color

#1e8f96
```
#1e8f96 rgb(30,143,150)
```
#1e5396
```
#1e5396 rgb(30,83,150)
```
#251e96
```
#251e96 rgb(37,30,150)
```

Analogous Color

#8f961e
```
#8f961e rgb(143,150,30)
```
#1e5396
```
#1e5396 rgb(30,83,150)
```
#96251e
```
#96251e rgb(150,37,30)
```

Split Complementary Color

#53961e
```
#53961e rgb(83,150,30)
```
#1e5396
```
#1e5396 rgb(30,83,150)
```
#961e53
```
#961e53 rgb(150,30,83)
```

Triadic Color

#113056
```
#113056 rgb(17,48,86)
```
#163b6c
```
#163b6c rgb(22,59,108)
```
#1a4781
```
#1a4781 rgb(26,71,129)
```
#1e5396
```
#1e5396 rgb(30,83,150)
```
#225fab
```
#225fab rgb(34,95,171)
```
#276bc1
```
#276bc1 rgb(39,107,193)
```
#2c76d5
```
#2c76d5 rgb(44,118,213)
```

Monochromatic Color

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

#1e7196
```
#1e7196 rgb(30,113,150)
```
#1e6796
```
#1e6796 rgb(30,103,150)
```
#1e5d96
```
#1e5d96 rgb(30,93,150)
```
#1e5396
```
#1e5396 rgb(30,83,150)
```
#1e4996
```
#1e4996 rgb(30,73,150)
```
#1e3f96
```
#1e3f96 rgb(30,63,150)
```
#1e3596
```
#1e3596 rgb(30,53,150)
```

Similar Colors

Text with hexadecimal color #1e5396

This text has a font color of #1e5396.

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

#1e5396 background color

This paragraph has a background color of #1e5396.

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

#1e5396 border color

This element has a border color of #1e5396.

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

CSS codes

.text {color:#1e5396;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040b13
```
#040b13 rgb(4,11,19)
```
#071424
```
#071424 rgb(7,20,36)
```
#0a1d34
```
#0a1d34 rgb(10,29,52)
```
#0e2644
```
#0e2644 rgb(14,38,68)
```
#112f55
```
#112f55 rgb(17,47,85)
```
#143865
```
#143865 rgb(20,56,101)
```
#174175
```
#174175 rgb(23,65,117)
```
#1b4a86
```
#1b4a86 rgb(27,74,134)
```
#1e5396
```
#1e5396 rgb(30,83,150)
```
#215ca6
```
#215ca6 rgb(33,92,166)
```
#2565b7
```
#2565b7 rgb(37,101,183)
```
#286ec7
```
#286ec7 rgb(40,110,199)
```

Shade Color Variation

#2d77d5
```
#2d77d5 rgb(45,119,213)
```
#3e82d8
```
#3e82d8 rgb(62,130,216)
```
#4e8ddc
```
#4e8ddc rgb(78,141,220)
```
#5e97df
```
#5e97df rgb(94,151,223)
```
#6fa2e2
```
#6fa2e2 rgb(111,162,226)
```
#7face5
```
#7face5 rgb(127,172,229)
```
#8fb7e9
```
#8fb7e9 rgb(143,183,233)
```
#a0c1ec
```
#a0c1ec rgb(160,193,236)
```
#b0ccef
```
#b0ccef rgb(176,204,239)
```
#c1d7f3
```
#c1d7f3 rgb(193,215,243)
```
#d1e1f6
```
#d1e1f6 rgb(209,225,246)
```
#e1ecf9
```
#e1ecf9 rgb(225,236,249)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

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

#55595f
```
#55595f rgb(85,89,95)
```
#4e5966
```
#4e5966 rgb(78,89,102)
```
#48586c
```
#48586c rgb(72,88,108)
```
#415773
```
#415773 rgb(65,87,115)
```
#3a567a
```
#3a567a rgb(58,86,122)
```
#335581
```
#335581 rgb(51,85,129)
```
#2c5588
```
#2c5588 rgb(44,85,136)
```
#25548f
```
#25548f rgb(37,84,143)
```
#1e5396
```
#1e5396 rgb(30,83,150)
```
#17529d
```
#17529d rgb(23,82,157)
```
#1051a4
```
#1051a4 rgb(16,81,164)
```
#0951ab
```
#0951ab rgb(9,81,171)
```
#0250b2
```
#0250b2 rgb(2,80,178)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b5999 Protanopia 1% of men
#165d9a Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#305798 Protanomaly 1% of men, 0.01% of women
#195999 Deuteranomaly 6% of men, 0.4% of women
#0a5e7a Tritanomaly 0.01% of the population