#158396 hex color

In a RGB color space, hex #158396 is composed of 8.2% red, 51.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 12.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 188.8 degrees, a saturation of 75.4% and a lightness of 33.5%. #158396 color hex could be obtained by blending #2affff with #00072d. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 8
- G 51
- B 59
RGB color chart
- C 86
- M 13
- Y 0
- K 41
CMYK color chart

● #158396 color description : Dark cyan.

The hexadecimal color #158396 has RGB values of R:21, G:131, B:150 and CMYK values of C:0.86, M:0.13, Y:0, K:0.41. Its decimal value is 1409942.

Hex triplet	158396	`#158396`
RGB Decimal	21, 131, 150	`rgb(21,131,150)`
RGB Percent	8.2, 51.4, 58.8	`rgb(8.2%,51.4%,58.8%)`
CMYK	86, 13, 0, 41
HSL	188.8°, 75.4, 33.5	`hsl(188.8,75.4%,33.5%)`
HSV (or HSB)	188.8°, 86, 58.8
Web Safe	009999	`#009999`

CIE-LAB	50.207, -21.765, -18.415
XYZ	13.929, 18.593, 31.707
xyY	0.217, 0.289, 18.593
CIE-LCH	50.207, 28.51, 220.234
CIE-LUV	50.207, -35.389, -24.147
Hunter-Lab	43.119, -17.797, -13.415
Binary	00010101, 10000011, 10010110

#158396
```
#158396 rgb(21,131,150)
```
#962815
```
#962815 rgb(150,40,21)
```

Complementary Color

#159669
```
#159669 rgb(21,150,105)
```
#158396
```
#158396 rgb(21,131,150)
```
#154396
```
#154396 rgb(21,67,150)
```

Analogous Color

#966915
```
#966915 rgb(150,105,21)
```
#158396
```
#158396 rgb(21,131,150)
```
#961543
```
#961543 rgb(150,21,67)
```

Split Complementary Color

#839615
```
#839615 rgb(131,150,21)
```
#158396
```
#158396 rgb(21,131,150)
```
#961583
```
#961583 rgb(150,21,131)
```

Triadic Color

#159628
```
#159628 rgb(21,150,40)
```
#158396
```
#158396 rgb(21,131,150)
```
#961583
```
#961583 rgb(150,21,131)
```
#962815
```
#962815 rgb(150,40,21)
```

Tetradic Color

#0c4853
```
#0c4853 rgb(12,72,83)
```
#0f5c69
```
#0f5c69 rgb(15,92,105)
```
#126f80
```
#126f80 rgb(18,111,128)
```
#158396
```
#158396 rgb(21,131,150)
```
#1897ac
```
#1897ac rgb(24,151,172)
```
#1baac3
```
#1baac3 rgb(27,170,195)
```
#1ebed9
```
#1ebed9 rgb(30,190,217)
```

Monochromatic Color

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

#159689
```
#159689 rgb(21,150,137)
```
#159694
```
#159694 rgb(21,150,148)
```
#158e96
```
#158e96 rgb(21,142,150)
```
#158396
```
#158396 rgb(21,131,150)
```
#157896
```
#157896 rgb(21,120,150)
```
#156e96
```
#156e96 rgb(21,110,150)
```
#156396
```
#156396 rgb(21,99,150)
```

Similar Colors

Text with hexadecimal color #158396

This text has a font color of #158396.

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

#158396 background color

This paragraph has a background color of #158396.

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

#158396 border color

This element has a border color of #158396.

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

CSS codes

.text {color:#158396;}

.background {background-color:#158396;}

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

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, #020b0c is the darkest color, while #fafefe is the lightest one.

#020b0c
```
#020b0c rgb(2,11,12)
```
#041a1e
```
#041a1e rgb(4,26,30)
```
#07292f
```
#07292f rgb(7,41,47)
```
#093840
```
#093840 rgb(9,56,64)
```
#0b4751
```
#0b4751 rgb(11,71,81)
```
#0e5662
```
#0e5662 rgb(14,86,98)
```
#106574
```
#106574 rgb(16,101,116)
```
#137485
```
#137485 rgb(19,116,133)
```
#158396
```
#158396 rgb(21,131,150)
```
#1792a7
```
#1792a7 rgb(23,146,167)
```
#1aa1b8
```
#1aa1b8 rgb(26,161,184)
```
#1cb0ca
```
#1cb0ca rgb(28,176,202)
```
#1fbfdb
```
#1fbfdb rgb(31,191,219)
```

Shade Color Variation

#2cc7e1
```
#2cc7e1 rgb(44,199,225)
```
#3dcbe4
```
#3dcbe4 rgb(61,203,228)
```
#4ed0e6
```
#4ed0e6 rgb(78,208,230)
```
#5fd4e9
```
#5fd4e9 rgb(95,212,233)
```
#70d9eb
```
#70d9eb rgb(112,217,235)
```
#82deed
```
#82deed rgb(130,222,237)
```
#93e2f0
```
#93e2f0 rgb(147,226,240)
```
#a4e7f2
```
#a4e7f2 rgb(164,231,242)
```
#b5ebf5
```
#b5ebf5 rgb(181,235,245)
```
#c7f0f7
```
#c7f0f7 rgb(199,240,247)
```
#d8f5fa
```
#d8f5fa rgb(216,245,250)
```
#e9f9fc
```
#e9f9fc rgb(233,249,252)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50595b is the less saturated color, while #0191aa is the most saturated one.

#50595b
```
#50595b rgb(80,89,91)
```
#4a5e61
```
#4a5e61 rgb(74,94,97)
```
#436368
```
#436368 rgb(67,99,104)
```
#3c676f
```
#3c676f rgb(60,103,111)
```
#366c75
```
#366c75 rgb(54,108,117)
```
#2f707c
```
#2f707c rgb(47,112,124)
```
#297582
```
#297582 rgb(41,117,130)
```
#227a89
```
#227a89 rgb(34,122,137)
```
#1c7e8f
```
#1c7e8f rgb(28,126,143)
```
#158396
```
#158396 rgb(21,131,150)
```
#0e889d
```
#0e889d rgb(14,136,157)
```
#088ca3
```
#088ca3 rgb(8,140,163)
```
#0191aa
```
#0191aa rgb(1,145,170)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#546a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#797d93 Protanopia 1% of men
#767ca0 Deuteranopia 1% of men
#138a94 Tritanopia 0.001% of the population

Trichromacy

#557f94 Protanomaly 1% of men, 0.01% of women
#537e9c Deuteranomaly 6% of men, 0.4% of women
#148795 Tritanomaly 0.01% of the population

#158396 hex color

#158396 Color Information

#158396 Color Conversion

Color Schemes with #158396

Alternatives to #158396

#158396 Preview

Shades and Tints of #158396

Tones of #158396

Color Blindness Simulator