#1e5297 hex color

In a RGB color space, hex #1e5297 is composed of 11.8% red, 32.2% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 45.7% magenta, 0% yellow and 40.8% black. It has a hue angle of 214.2 degrees, a saturation of 66.9% and a lightness of 35.5%. #1e5297 color hex could be obtained by blending #3ca4ff with #00002f. Closest websafe color is: #336699.

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

● #1e5297 color description : Dark blue.

The hexadecimal color #1e5297 has RGB values of R:30, G:82, B:151 and CMYK values of C:0.8, M:0.46, Y:0, K:0.41. Its decimal value is 1987223.

Hex triplet	1e5297	`#1e5297`
RGB Decimal	30, 82, 151	`rgb(30,82,151)`
RGB Percent	11.8, 32.2, 59.2	`rgb(11.8%,32.2%,59.2%)`
CMYK	80, 46, 0, 41
HSL	214.2°, 66.9, 35.5	`hsl(214.2,66.9%,35.5%)`
HSV (or HSB)	214.2°, 80.1, 59.2
Web Safe	336699	`#336699`

CIE-LAB	35.092, 8.828, -42.692
XYZ	9.137, 8.544, 30.444
xyY	0.19, 0.178, 8.544
CIE-LCH	35.092, 43.595, 281.683
CIE-LUV	35.092, -17.326, -60.216
Hunter-Lab	29.231, 4.645, -41.29
Binary	00011110, 01010010, 10010111

#1e5297
```
#1e5297 rgb(30,82,151)
```
#97631e
```
#97631e rgb(151,99,30)
```

Complementary Color

#1e8f97
```
#1e8f97 rgb(30,143,151)
```
#1e5297
```
#1e5297 rgb(30,82,151)
```
#271e97
```
#271e97 rgb(39,30,151)
```

Analogous Color

#8f971e
```
#8f971e rgb(143,151,30)
```
#1e5297
```
#1e5297 rgb(30,82,151)
```
#97271e
```
#97271e rgb(151,39,30)
```

Split Complementary Color

#52971e
```
#52971e rgb(82,151,30)
```
#1e5297
```
#1e5297 rgb(30,82,151)
```
#971e52
```
#971e52 rgb(151,30,82)
```

Triadic Color

#1e9763
```
#1e9763 rgb(30,151,99)
```
#1e5297
```
#1e5297 rgb(30,82,151)
```
#971e52
```
#971e52 rgb(151,30,82)
```
#97631e
```
#97631e rgb(151,99,30)
```

Tetradic Color

#112f57
```
#112f57 rgb(17,47,87)
```
#163b6c
```
#163b6c rgb(22,59,108)
```
#1a4682
```
#1a4682 rgb(26,70,130)
```
#1e5297
```
#1e5297 rgb(30,82,151)
```
#225eac
```
#225eac rgb(34,94,172)
```
#2669c2
```
#2669c2 rgb(38,105,194)
```
#2c75d5
```
#2c75d5 rgb(44,117,213)
```

Monochromatic Color

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

#1e7097
```
#1e7097 rgb(30,112,151)
```
#1e6697
```
#1e6697 rgb(30,102,151)
```
#1e5c97
```
#1e5c97 rgb(30,92,151)
```
#1e5297
```
#1e5297 rgb(30,82,151)
```
#1e4897
```
#1e4897 rgb(30,72,151)
```
#1e3e97
```
#1e3e97 rgb(30,62,151)
```
#1e3497
```
#1e3497 rgb(30,52,151)
```

Similar Colors

Text with hexadecimal color #1e5297

This text has a font color of #1e5297.

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

#1e5297 background color

This paragraph has a background color of #1e5297.

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

#1e5297 border color

This element has a border color of #1e5297.

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

CSS codes

.text {color:#1e5297;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040b14
```
#040b14 rgb(4,11,20)
```
#071424
```
#071424 rgb(7,20,36)
```
#0a1d35
```
#0a1d35 rgb(10,29,53)
```
#0e2645
```
#0e2645 rgb(14,38,69)
```
#112e56
```
#112e56 rgb(17,46,86)
```
#143766
```
#143766 rgb(20,55,102)
```
#174076
```
#174076 rgb(23,64,118)
```
#1b4987
```
#1b4987 rgb(27,73,135)
```
#1e5297
```
#1e5297 rgb(30,82,151)
```
#215ba7
```
#215ba7 rgb(33,91,167)
```
#2564b8
```
#2564b8 rgb(37,100,184)
```
#286dc8
```
#286dc8 rgb(40,109,200)
```

Shade Color Variation

#2e76d5
```
#2e76d5 rgb(46,118,213)
```
#3e81d9
```
#3e81d9 rgb(62,129,217)
```
#4f8bdc
```
#4f8bdc rgb(79,139,220)
```
#5f96df
```
#5f96df rgb(95,150,223)
```
#6fa1e2
```
#6fa1e2 rgb(111,161,226)
```
#80ace6
```
#80ace6 rgb(128,172,230)
```
#90b6e9
```
#90b6e9 rgb(144,182,233)
```
#a1c1ec
```
#a1c1ec rgb(161,193,236)
```
#b1ccef
```
#b1ccef rgb(177,204,239)
```
#c1d7f3
```
#c1d7f3 rgb(193,215,243)
```
#d2e1f6
```
#d2e1f6 rgb(210,225,246)
```
#e2ecf9
```
#e2ecf9 rgb(226,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, #565a5f is the less saturated color, while #024eb3 is the most saturated one.

#565a5f
```
#565a5f rgb(86,90,95)
```
#4f5966
```
#4f5966 rgb(79,89,102)
```
#48586d
```
#48586d rgb(72,88,109)
```
#415774
```
#415774 rgb(65,87,116)
```
#3a567b
```
#3a567b rgb(58,86,123)
```
#335582
```
#335582 rgb(51,85,130)
```
#2c5489
```
#2c5489 rgb(44,84,137)
```
#255390
```
#255390 rgb(37,83,144)
```
#1e5297
```
#1e5297 rgb(30,82,151)
```
#17519e
```
#17519e rgb(23,81,158)
```
#1050a5
```
#1050a5 rgb(16,80,165)
```
#094fac
```
#094fac rgb(9,79,172)
```
#024eb3
```
#024eb3 rgb(2,78,179)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#39599a Protanopia 1% of men
#005c9b Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#2f5699 Protanomaly 1% of men, 0.01% of women
#0a5899 Deuteranomaly 6% of men, 0.4% of women
#0a5d7a Tritanomaly 0.01% of the population

#1e5297 hex color

#1e5297 Color Information

#1e5297 Color Conversion

Color Schemes with #1e5297

Alternatives to #1e5297

#1e5297 Preview

Shades and Tints of #1e5297

Tones of #1e5297

Color Blindness Simulator