#158ebd hex color

In a RGB color space, hex #158ebd is composed of 8.2% red, 55.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 24.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 196.8 degrees, a saturation of 80% and a lightness of 41.2%. #158ebd color hex could be obtained by blending #2affff with #001d7b. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 74
RGB color chart
- C 89
- M 25
- Y 0
- K 26
CMYK color chart

● #158ebd color description : Strong blue.

The hexadecimal color #158ebd has RGB values of R:21, G:142, B:189 and CMYK values of C:0.89, M:0.25, Y:0, K:0.26. Its decimal value is 1412797.

Hex triplet	158ebd	`#158ebd`
RGB Decimal	21, 142, 189	`rgb(21,142,189)`
RGB Percent	8.2, 55.7, 74.1	`rgb(8.2%,55.7%,74.1%)`
CMYK	89, 25, 0, 26
HSL	196.8°, 80, 41.2	`hsl(196.8,80%,41.2%)`
HSV (or HSB)	196.8°, 88.9, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.255, -13.935, -33.081
XYZ	19.165, 23.178, 51.605
xyY	0.204, 0.247, 23.178
CIE-LCH	55.255, 35.896, 247.157
CIE-LUV	55.255, -36.548, -49.168
Hunter-Lab	48.143, -13.192, -29.853
Binary	00010101, 10001110, 10111101

#158ebd
```
#158ebd rgb(21,142,189)
```
#bd4415
```
#bd4415 rgb(189,68,21)
```

Complementary Color

#15bd98
```
#15bd98 rgb(21,189,152)
```
#158ebd
```
#158ebd rgb(21,142,189)
```
#153abd
```
#153abd rgb(21,58,189)
```

Analogous Color

#bd9815
```
#bd9815 rgb(189,152,21)
```
#158ebd
```
#158ebd rgb(21,142,189)
```
#bd153a
```
#bd153a rgb(189,21,58)
```

Split Complementary Color

#8ebd15
```
#8ebd15 rgb(142,189,21)
```
#158ebd
```
#158ebd rgb(21,142,189)
```
#bd158e
```
#bd158e rgb(189,21,142)
```

Triadic Color

#15bd44
```
#15bd44 rgb(21,189,68)
```
#158ebd
```
#158ebd rgb(21,142,189)
```
#bd158e
```
#bd158e rgb(189,21,142)
```
#bd4415
```
#bd4415 rgb(189,68,21)
```

Tetradic Color

#0d5a78
```
#0d5a78 rgb(13,90,120)
```
#106c8f
```
#106c8f rgb(16,108,143)
```
#127da6
```
#127da6 rgb(18,125,166)
```
#158ebd
```
#158ebd rgb(21,142,189)
```
#189fd4
```
#189fd4 rgb(24,159,212)
```
#1faee6
```
#1faee6 rgb(31,174,230)
```
#36b7e9
```
#36b7e9 rgb(54,183,233)
```

Monochromatic Color

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

#15b8bd
```
#15b8bd rgb(21,184,189)
```
#15aabd
```
#15aabd rgb(21,170,189)
```
#159cbd
```
#159cbd rgb(21,156,189)
```
#158ebd
```
#158ebd rgb(21,142,189)
```
#1580bd
```
#1580bd rgb(21,128,189)
```
#1572bd
```
#1572bd rgb(21,114,189)
```
#1564bd
```
#1564bd rgb(21,100,189)
```

Similar Colors

Text with hexadecimal color #158ebd

This text has a font color of #158ebd.

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

#158ebd background color

This paragraph has a background color of #158ebd.

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

#158ebd border color

This element has a border color of #158ebd.

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

CSS codes

.text {color:#158ebd;}

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

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

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, #01090c is the darkest color, while #fafdfe is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#03171e
```
#03171e rgb(3,23,30)
```
#052430
```
#052430 rgb(5,36,48)
```
#073141
```
#073141 rgb(7,49,65)
```
#093e53
```
#093e53 rgb(9,62,83)
```
#0b4c65
```
#0b4c65 rgb(11,76,101)
```
#0d5976
```
#0d5976 rgb(13,89,118)
```
#0f6688
```
#0f6688 rgb(15,102,136)
```
#11739a
```
#11739a rgb(17,115,154)
```
#1381ab
```
#1381ab rgb(19,129,171)
```
#158ebd
```
#158ebd rgb(21,142,189)
```
#179bcf
```
#179bcf rgb(23,155,207)
```
#19a9e0
```
#19a9e0 rgb(25,169,224)
```

Shade Color Variation

#26b1e7
```
#26b1e7 rgb(38,177,231)
```
#38b7e9
```
#38b7e9 rgb(56,183,233)
```
#49beeb
```
#49beeb rgb(73,190,235)
```
#5bc4ed
```
#5bc4ed rgb(91,196,237)
```
#6dcaef
```
#6dcaef rgb(109,202,239)
```
#7ed1f1
```
#7ed1f1 rgb(126,209,241)
```
#90d7f3
```
#90d7f3 rgb(144,215,243)
```
#a2ddf5
```
#a2ddf5 rgb(162,221,245)
```
#b3e4f7
```
#b3e4f7 rgb(179,228,247)
```
#c5eaf9
```
#c5eaf9 rgb(197,234,249)
```
#d7f0fb
```
#d7f0fb rgb(215,240,251)
```
#e8f7fc
```
#e8f7fc rgb(232,247,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666a6c is the less saturated color, while #0595cd is the most saturated one.

#666a6c
```
#666a6c rgb(102,106,108)
```
#5e6e74
```
#5e6e74 rgb(94,110,116)
```
#56727c
```
#56727c rgb(86,114,124)
```
#4e7584
```
#4e7584 rgb(78,117,132)
```
#45798d
```
#45798d rgb(69,121,141)
```
#3d7c95
```
#3d7c95 rgb(61,124,149)
```
#35809d
```
#35809d rgb(53,128,157)
```
#2d83a5
```
#2d83a5 rgb(45,131,165)
```
#2587ad
```
#2587ad rgb(37,135,173)
```
#1d8ab5
```
#1d8ab5 rgb(29,138,181)
```
#158ebd
```
#158ebd rgb(21,142,189)
```
#0d92c5
```
#0d92c5 rgb(13,146,197)
```
#0595cd
```
#0595cd rgb(5,149,205)
```

Tone Color Variation

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

Dichromacy

#7b89b8 Protanopia 1% of men
#7089c4 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#568aba Protanomaly 1% of men, 0.01% of women
#4f8bc1 Deuteranomaly 6% of men, 0.4% of women
#0794ac Tritanomaly 0.01% of the population

#158ebd hex color

#158ebd Color Information

#158ebd Color Conversion

Color Schemes with #158ebd

Alternatives to #158ebd

#158ebd Preview

Shades and Tints of #158ebd

Tones of #158ebd

Color Blindness Simulator