colorhexa.com

#1e7296 hex color

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

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

● #1e7296 color description : Dark blue.

The hexadecimal color #1e7296 has RGB values of R:30, G:114, B:150 and CMYK values of C:0.8, M:0.24, Y:0, K:0.41. Its decimal value is 1995414.

Hex triplet	1e7296	`#1e7296`
RGB Decimal	30, 114, 150	`rgb(30,114,150)`
RGB Percent	11.8, 44.7, 58.8	`rgb(11.8%,44.7%,58.8%)`
CMYK	80, 24, 0, 41
HSL	198°, 66.7, 35.3	`hsl(198,66.7%,35.3%)`
HSV (or HSB)	198°, 80, 58.8
Web Safe	336699	`#336699`

CIE-LAB	44.958, -11.525, -26.498
XYZ	12.056, 14.512, 31.018
xyY	0.209, 0.252, 14.512
CIE-LCH	44.958, 28.896, 246.495
CIE-LUV	44.958, -28.308, -37.24
Hunter-Lab	38.094, -10.171, -21.611
Binary	00011110, 01110010, 10010110

#1e7296
```
#1e7296 rgb(30,114,150)
```
#96421e
```
#96421e rgb(150,66,30)
```

Complementary Color

#1e967e
```
#1e967e rgb(30,150,126)
```
#1e7296
```
#1e7296 rgb(30,114,150)
```
#1e3696
```
#1e3696 rgb(30,54,150)
```

Analogous Color

#967e1e
```
#967e1e rgb(150,126,30)
```
#1e7296
```
#1e7296 rgb(30,114,150)
```
#961e36
```
#961e36 rgb(150,30,54)
```

Split Complementary Color

#72961e
```
#72961e rgb(114,150,30)
```
#1e7296
```
#1e7296 rgb(30,114,150)
```
#961e72
```
#961e72 rgb(150,30,114)
```

Triadic Color

#1e9642
```
#1e9642 rgb(30,150,66)
```
#1e7296
```
#1e7296 rgb(30,114,150)
```
#961e72
```
#961e72 rgb(150,30,114)
```
#96421e
```
#96421e rgb(150,66,30)
```

Tetradic Color

#114256
```
#114256 rgb(17,66,86)
```
#16526c
```
#16526c rgb(22,82,108)
```
#1a6281
```
#1a6281 rgb(26,98,129)
```
#1e7296
```
#1e7296 rgb(30,114,150)
```
#2282ab
```
#2282ab rgb(34,130,171)
```
#2792c1
```
#2792c1 rgb(39,146,193)
```
#2ca2d5
```
#2ca2d5 rgb(44,162,213)
```

Monochromatic Color

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

#1e9096
```
#1e9096 rgb(30,144,150)
```
#1e8696
```
#1e8696 rgb(30,134,150)
```
#1e7c96
```
#1e7c96 rgb(30,124,150)
```
#1e7296
```
#1e7296 rgb(30,114,150)
```
#1e6896
```
#1e6896 rgb(30,104,150)
```
#1e5e96
```
#1e5e96 rgb(30,94,150)
```
#1e5496
```
#1e5496 rgb(30,84,150)
```

Similar Colors

Text with hexadecimal color #1e7296

This text has a font color of #1e7296.

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

#1e7296 background color

This paragraph has a background color of #1e7296.

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

#1e7296 border color

This element has a border color of #1e7296.

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

CSS codes

.text {color:#1e7296;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040f13
```
#040f13 rgb(4,15,19)
```
#071b24
```
#071b24 rgb(7,27,36)
```
#0a2734
```
#0a2734 rgb(10,39,52)
```
#0e3444
```
#0e3444 rgb(14,52,68)
```
#114055
```
#114055 rgb(17,64,85)
```
#144d65
```
#144d65 rgb(20,77,101)
```
#175975
```
#175975 rgb(23,89,117)
```
#1b6686
```
#1b6686 rgb(27,102,134)
```
#1e7296
```
#1e7296 rgb(30,114,150)
```
#217ea6
```
#217ea6 rgb(33,126,166)
```
#258bb7
```
#258bb7 rgb(37,139,183)
```
#2897c7
```
#2897c7 rgb(40,151,199)
```

Shade Color Variation

#2da3d5
```
#2da3d5 rgb(45,163,213)
```
#3eaad8
```
#3eaad8 rgb(62,170,216)
```
#4eb1dc
```
#4eb1dc rgb(78,177,220)
```
#5eb8df
```
#5eb8df rgb(94,184,223)
```
#6fc0e2
```
#6fc0e2 rgb(111,192,226)
```
#7fc7e5
```
#7fc7e5 rgb(127,199,229)
```
#8fcee9
```
#8fcee9 rgb(143,206,233)
```
#a0d5ec
```
#a0d5ec rgb(160,213,236)
```
#b0dcef
```
#b0dcef rgb(176,220,239)
```
#c1e4f3
```
#c1e4f3 rgb(193,228,243)
```
#d1ebf6
```
#d1ebf6 rgb(209,235,246)
```
#e1f2f9
```
#e1f2f9 rgb(225,242,249)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#555c5f
```
#555c5f rgb(85,92,95)
```
#4e5f66
```
#4e5f66 rgb(78,95,102)
```
#48616c
```
#48616c rgb(72,97,108)
```
#416473
```
#416473 rgb(65,100,115)
```
#3a677a
```
#3a677a rgb(58,103,122)
```
#336a81
```
#336a81 rgb(51,106,129)
```
#2c6c88
```
#2c6c88 rgb(44,108,136)
```
#256f8f
```
#256f8f rgb(37,111,143)
```
#1e7296
```
#1e7296 rgb(30,114,150)
```
#17759d
```
#17759d rgb(23,117,157)
```
#1078a4
```
#1078a4 rgb(16,120,164)
```
#097aab
```
#097aab rgb(9,122,171)
```
#027db2
```
#027db2 rgb(2,125,178)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#506168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#667095 Protanopia 1% of men
#5f719e Deuteranopia 1% of men
#007d86 Tritanopia 0.001% of the population

Trichromacy

#4c7195 Protanomaly 1% of men, 0.01% of women
#47719b Deuteranomaly 6% of men, 0.4% of women
#0a798b Tritanomaly 0.01% of the population