#158eb9 hex color

In a RGB color space, hex #158eb9 is composed of 8.2% red, 55.7% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 23.2% magenta, 0% yellow and 27.5% black. It has a hue angle of 195.7 degrees, a saturation of 79.6% and a lightness of 40.4%. #158eb9 color hex could be obtained by blending #2affff with #001d73. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 73
RGB color chart
- C 89
- M 23
- Y 0
- K 27
CMYK color chart

● #158eb9 color description : Strong blue.

The hexadecimal color #158eb9 has RGB values of R:21, G:142, B:185 and CMYK values of C:0.89, M:0.23, Y:0, K:0.27. Its decimal value is 1412793.

Hex triplet	158eb9	`#158eb9`
RGB Decimal	21, 142, 185	`rgb(21,142,185)`
RGB Percent	8.2, 55.7, 72.5	`rgb(8.2%,55.7%,72.5%)`
CMYK	89, 23, 0, 27
HSL	195.7°, 79.6, 40.4	`hsl(195.7,79.6%,40.4%)`
HSV (or HSB)	195.7°, 88.6, 72.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.079, -15.377, -31.078
XYZ	18.737, 23.006, 49.349
xyY	0.206, 0.253, 23.006
CIE-LCH	55.079, 34.674, 243.675
CIE-LUV	55.079, -36.821, -45.706
Hunter-Lab	47.965, -14.21, -27.426
Binary	00010101, 10001110, 10111001

#158eb9
```
#158eb9 rgb(21,142,185)
```
#b94015
```
#b94015 rgb(185,64,21)
```

Complementary Color

#15b992
```
#15b992 rgb(21,185,146)
```
#158eb9
```
#158eb9 rgb(21,142,185)
```
#153cb9
```
#153cb9 rgb(21,60,185)
```

Analogous Color

#b99215
```
#b99215 rgb(185,146,21)
```
#158eb9
```
#158eb9 rgb(21,142,185)
```
#b9153c
```
#b9153c rgb(185,21,60)
```

Split Complementary Color

#8eb915
```
#8eb915 rgb(142,185,21)
```
#158eb9
```
#158eb9 rgb(21,142,185)
```
#b9158e
```
#b9158e rgb(185,21,142)
```

Triadic Color

#15b940
```
#15b940 rgb(21,185,64)
```
#158eb9
```
#158eb9 rgb(21,142,185)
```
#b9158e
```
#b9158e rgb(185,21,142)
```
#b94015
```
#b94015 rgb(185,64,21)
```

Tetradic Color

#0d5974
```
#0d5974 rgb(13,89,116)
```
#106b8b
```
#106b8b rgb(16,107,139)
```
#127ca2
```
#127ca2 rgb(18,124,162)
```
#158eb9
```
#158eb9 rgb(21,142,185)
```
#18a0d0
```
#18a0d0 rgb(24,160,208)
```
#1cb0e5
```
#1cb0e5 rgb(28,176,229)
```
#33b8e8
```
#33b8e8 rgb(51,184,232)
```

Monochromatic Color

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

#15b7b9
```
#15b7b9 rgb(21,183,185)
```
#15a9b9
```
#15a9b9 rgb(21,169,185)
```
#159cb9
```
#159cb9 rgb(21,156,185)
```
#158eb9
```
#158eb9 rgb(21,142,185)
```
#1580b9
```
#1580b9 rgb(21,128,185)
```
#1573b9
```
#1573b9 rgb(21,115,185)
```
#1565b9
```
#1565b9 rgb(21,101,185)
```

Similar Colors

Text with hexadecimal color #158eb9

This text has a font color of #158eb9.

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

#158eb9 background color

This paragraph has a background color of #158eb9.

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

#158eb9 border color

This element has a border color of #158eb9.

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

CSS codes

.text {color:#158eb9;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#03141a
```
#03141a rgb(3,20,26)
```
#05222c
```
#05222c rgb(5,34,44)
```
#072f3e
```
#072f3e rgb(7,47,62)
```
#093d4f
```
#093d4f rgb(9,61,79)
```
#0b4a61
```
#0b4a61 rgb(11,74,97)
```
#0d5873
```
#0d5873 rgb(13,88,115)
```
#0f6584
```
#0f6584 rgb(15,101,132)
```
#117396
```
#117396 rgb(17,115,150)
```
#1380a7
```
#1380a7 rgb(19,128,167)
```
#158eb9
```
#158eb9 rgb(21,142,185)
```
#179ccb
```
#179ccb rgb(23,156,203)
```
#19a9dc
```
#19a9dc rgb(25,169,220)
```

Shade Color Variation

#23b3e6
```
#23b3e6 rgb(35,179,230)
```
#34b9e8
```
#34b9e8 rgb(52,185,232)
```
#46bfea
```
#46bfea rgb(70,191,234)
```
#58c5ec
```
#58c5ec rgb(88,197,236)
```
#69cbee
```
#69cbee rgb(105,203,238)
```
#7bd1f0
```
#7bd1f0 rgb(123,209,240)
```
#8dd7f2
```
#8dd7f2 rgb(141,215,242)
```
#9eddf4
```
#9eddf4 rgb(158,221,244)
```
#b0e4f6
```
#b0e4f6 rgb(176,228,246)
```
#c1eaf8
```
#c1eaf8 rgb(193,234,248)
```
#d3f0fa
```
#d3f0fa rgb(211,240,250)
```
#e5f6fc
```
#e5f6fc rgb(229,246,252)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64686a is the less saturated color, while #0596c9 is the most saturated one.

#64686a
```
#64686a rgb(100,104,106)
```
#5c6c72
```
#5c6c72 rgb(92,108,114)
```
#54707a
```
#54707a rgb(84,112,122)
```
#4c7482
```
#4c7482 rgb(76,116,130)
```
#457789
```
#457789 rgb(69,119,137)
```
#3d7b91
```
#3d7b91 rgb(61,123,145)
```
#357f99
```
#357f99 rgb(53,127,153)
```
#2d83a1
```
#2d83a1 rgb(45,131,161)
```
#2586a9
```
#2586a9 rgb(37,134,169)
```
#1d8ab1
```
#1d8ab1 rgb(29,138,177)
```
#158eb9
```
#158eb9 rgb(21,142,185)
```
#0d92c1
```
#0d92c1 rgb(13,146,193)
```
#0596c9
```
#0596c9 rgb(5,150,201)
```

Tone Color Variation

Below, you can see how #158eb9 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
#5d757e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c88b4 Protanopia 1% of men
#7289c0 Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#578ab6 Protanomaly 1% of men, 0.01% of women
#508abe Deuteranomaly 6% of men, 0.4% of women
#0794aa Tritanomaly 0.01% of the population

#158eb9 hex color

#158eb9 Color Information

#158eb9 Color Conversion

Color Schemes with #158eb9

Alternatives to #158eb9

#158eb9 Preview

Shades and Tints of #158eb9

Tones of #158eb9

Color Blindness Simulator