#158fb6 hex color

In a RGB color space, hex #158fb6 is composed of 8.2% red, 56.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 21.4% magenta, 0% yellow and 28.6% black. It has a hue angle of 194.5 degrees, a saturation of 79.3% and a lightness of 39.8%. #158fb6 color hex could be obtained by blending #2affff with #001f6d. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 71
RGB color chart
- C 88
- M 21
- Y 0
- K 29
CMYK color chart

● #158fb6 color description : Strong cyan.

The hexadecimal color #158fb6 has RGB values of R:21, G:143, B:182 and CMYK values of C:0.88, M:0.21, Y:0, K:0.29. Its decimal value is 1413046.

Hex triplet	158fb6	`#158fb6`
RGB Decimal	21, 143, 182	`rgb(21,143,182)`
RGB Percent	8.2, 56.1, 71.4	`rgb(8.2%,56.1%,71.4%)`
CMYK	88, 21, 0, 29
HSL	194.5°, 79.3, 39.8	`hsl(194.5,79.3%,39.8%)`
HSV (or HSB)	194.5°, 88.5, 71.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.257, -16.996, -29.091
XYZ	18.573, 23.18, 47.749
xyY	0.208, 0.259, 23.18
CIE-LCH	55.257, 33.693, 239.705
CIE-LUV	55.257, -37.377, -42.304
Hunter-Lab	48.146, -15.395, -25.099
Binary	00010101, 10001111, 10110110

#158fb6
```
#158fb6 rgb(21,143,182)
```
#b63c15
```
#b63c15 rgb(182,60,21)
```

Complementary Color

#15b68d
```
#15b68d rgb(21,182,141)
```
#158fb6
```
#158fb6 rgb(21,143,182)
```
#153fb6
```
#153fb6 rgb(21,63,182)
```

Analogous Color

#b68d15
```
#b68d15 rgb(182,141,21)
```
#158fb6
```
#158fb6 rgb(21,143,182)
```
#b6153f
```
#b6153f rgb(182,21,63)
```

Split Complementary Color

#8fb615
```
#8fb615 rgb(143,182,21)
```
#158fb6
```
#158fb6 rgb(21,143,182)
```
#b6158f
```
#b6158f rgb(182,21,143)
```

Triadic Color

#15b63c
```
#15b63c rgb(21,182,60)
```
#158fb6
```
#158fb6 rgb(21,143,182)
```
#b6158f
```
#b6158f rgb(182,21,143)
```
#b63c15
```
#b63c15 rgb(182,60,21)
```

Tetradic Color

#0d5971
```
#0d5971 rgb(13,89,113)
```
#106b88
```
#106b88 rgb(16,107,136)
```
#127d9f
```
#127d9f rgb(18,125,159)
```
#158fb6
```
#158fb6 rgb(21,143,182)
```
#18a1cd
```
#18a1cd rgb(24,161,205)
```
#1ab3e4
```
#1ab3e4 rgb(26,179,228)
```
#30bbe7
```
#30bbe7 rgb(48,187,231)
```

Monochromatic Color

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

#15b6b5
```
#15b6b5 rgb(21,182,181)
```
#15aab6
```
#15aab6 rgb(21,170,182)
```
#159cb6
```
#159cb6 rgb(21,156,182)
```
#158fb6
```
#158fb6 rgb(21,143,182)
```
#1582b6
```
#1582b6 rgb(21,130,182)
```
#1574b6
```
#1574b6 rgb(21,116,182)
```
#1567b6
```
#1567b6 rgb(21,103,182)
```

Similar Colors

Text with hexadecimal color #158fb6

This text has a font color of #158fb6.

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

#158fb6 background color

This paragraph has a background color of #158fb6.

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

#158fb6 border color

This element has a border color of #158fb6.

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

CSS codes

.text {color:#158fb6;}

.background {background-color:#158fb6;}

.border {border:1px solid #158fb6;}

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

#010506
```
#010506 rgb(1,5,6)
```
#031318
```
#031318 rgb(3,19,24)
```
#052029
```
#052029 rgb(5,32,41)
```
#072e3b
```
#072e3b rgb(7,46,59)
```
#093c4c
```
#093c4c rgb(9,60,76)
```
#0b4a5e
```
#0b4a5e rgb(11,74,94)
```
#0d5870
```
#0d5870 rgb(13,88,112)
```
#0f6681
```
#0f6681 rgb(15,102,129)
```
#117393
```
#117393 rgb(17,115,147)
```
#1381a4
```
#1381a4 rgb(19,129,164)
```
#158fb6
```
#158fb6 rgb(21,143,182)
```
#179dc8
```
#179dc8 rgb(23,157,200)
```
#19abd9
```
#19abd9 rgb(25,171,217)
```

Shade Color Variation

#21b6e5
```
#21b6e5 rgb(33,182,229)
```
#32bbe7
```
#32bbe7 rgb(50,187,231)
```
#44c1e9
```
#44c1e9 rgb(68,193,233)
```
#55c7eb
```
#55c7eb rgb(85,199,235)
```
#67cded
```
#67cded rgb(103,205,237)
```
#78d3ef
```
#78d3ef rgb(120,211,239)
```
#8ad8f2
```
#8ad8f2 rgb(138,216,242)
```
#9cdef4
```
#9cdef4 rgb(156,222,244)
```
#ade4f6
```
#ade4f6 rgb(173,228,246)
```
#bfeaf8
```
#bfeaf8 rgb(191,234,248)
```
#d0f0fa
```
#d0f0fa rgb(208,240,250)
```
#e2f5fc
```
#e2f5fc rgb(226,245,252)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636768 is the less saturated color, while #0597c6 is the most saturated one.

#636768
```
#636768 rgb(99,103,104)
```
#5b6b70
```
#5b6b70 rgb(91,107,112)
```
#536f78
```
#536f78 rgb(83,111,120)
```
#4c737f
```
#4c737f rgb(76,115,127)
```
#447787
```
#447787 rgb(68,119,135)
```
#3c7b8f
```
#3c7b8f rgb(60,123,143)
```
#347f97
```
#347f97 rgb(52,127,151)
```
#2c839f
```
#2c839f rgb(44,131,159)
```
#2587a6
```
#2587a6 rgb(37,135,166)
```
#1d8bae
```
#1d8bae rgb(29,139,174)
```
#158fb6
```
#158fb6 rgb(21,143,182)
```
#0d93be
```
#0d93be rgb(13,147,190)
```
#0597c6
```
#0597c6 rgb(5,151,198)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5d757d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e89b1 Protanopia 1% of men
#7689be Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#588bb3 Protanomaly 1% of men, 0.01% of women
#528bbb Deuteranomaly 6% of men, 0.4% of women
#0794a9 Tritanomaly 0.01% of the population

#158fb6 hex color

#158fb6 Color Information

#158fb6 Color Conversion

Color Schemes with #158fb6

Alternatives to #158fb6

#158fb6 Preview

Shades and Tints of #158fb6

Tones of #158fb6

Color Blindness Simulator