#158bc8 hex color

In a RGB color space, hex #158bc8 is composed of 8.2% red, 54.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 30.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 200.4 degrees, a saturation of 81% and a lightness of 43.3%. #158bc8 color hex could be obtained by blending #2affff with #001791. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 55
- B 78
RGB color chart
- C 90
- M 31
- Y 0
- K 22
CMYK color chart

● #158bc8 color description : Strong blue.

The hexadecimal color #158bc8 has RGB values of R:21, G:139, B:200 and CMYK values of C:0.9, M:0.31, Y:0, K:0.22. Its decimal value is 1412040.

Hex triplet	158bc8	`#158bc8`
RGB Decimal	21, 139, 200	`rgb(21,139,200)`
RGB Percent	8.2, 54.5, 78.4	`rgb(8.2%,54.5%,78.4%)`
CMYK	90, 31, 0, 22
HSL	200.4°, 81, 43.3	`hsl(200.4,81%,43.3%)`
HSV (or HSB)	200.4°, 89.5, 78.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.858, -8.205, -39.945
XYZ	19.965, 22.793, 57.988
xyY	0.198, 0.226, 22.793
CIE-LCH	54.858, 40.779, 258.393
CIE-LUV	54.858, -34.803, -60.969
Hunter-Lab	47.742, -8.904, -38.595
Binary	00010101, 10001011, 11001000

#158bc8
```
#158bc8 rgb(21,139,200)
```
#c85215
```
#c85215 rgb(200,82,21)
```

Complementary Color

#15c8ac
```
#15c8ac rgb(21,200,172)
```
#158bc8
```
#158bc8 rgb(21,139,200)
```
#1531c8
```
#1531c8 rgb(21,49,200)
```

Analogous Color

#c8ac15
```
#c8ac15 rgb(200,172,21)
```
#158bc8
```
#158bc8 rgb(21,139,200)
```
#c81531
```
#c81531 rgb(200,21,49)
```

Split Complementary Color

#8bc815
```
#8bc815 rgb(139,200,21)
```
#158bc8
```
#158bc8 rgb(21,139,200)
```
#c8158b
```
#c8158b rgb(200,21,139)
```

Triadic Color

#15c852
```
#15c852 rgb(21,200,82)
```
#158bc8
```
#158bc8 rgb(21,139,200)
```
#c8158b
```
#c8158b rgb(200,21,139)
```
#c85215
```
#c85215 rgb(200,82,21)
```

Tetradic Color

#0e5b83
```
#0e5b83 rgb(14,91,131)
```
#106b9a
```
#106b9a rgb(16,107,154)
```
#137bb1
```
#137bb1 rgb(19,123,177)
```
#158bc8
```
#158bc8 rgb(21,139,200)
```
#179bdf
```
#179bdf rgb(23,155,223)
```
#28a7e8
```
#28a7e8 rgb(40,167,232)
```
#3fb0eb
```
#3fb0eb rgb(63,176,235)
```

Monochromatic Color

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

#15b8c8
```
#15b8c8 rgb(21,184,200)
```
#15a9c8
```
#15a9c8 rgb(21,169,200)
```
#159ac8
```
#159ac8 rgb(21,154,200)
```
#158bc8
```
#158bc8 rgb(21,139,200)
```
#157cc8
```
#157cc8 rgb(21,124,200)
```
#156dc8
```
#156dc8 rgb(21,109,200)
```
#155ec8
```
#155ec8 rgb(21,94,200)
```

Similar Colors

Text with hexadecimal color #158bc8

This text has a font color of #158bc8.

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

#158bc8 background color

This paragraph has a background color of #158bc8.

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

#158bc8 border color

This element has a border color of #158bc8.

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

CSS codes

.text {color:#158bc8;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#021016
```
#021016 rgb(2,16,22)
```
#041c28
```
#041c28 rgb(4,28,40)
```
#06283a
```
#06283a rgb(6,40,58)
```
#08354c
```
#08354c rgb(8,53,76)
```
#0a415d
```
#0a415d rgb(10,65,93)
```
#0c4d6f
```
#0c4d6f rgb(12,77,111)
```
#0e5a81
```
#0e5a81 rgb(14,90,129)
```
#0f6693
```
#0f6693 rgb(15,102,147)
```
#1172a4
```
#1172a4 rgb(17,114,164)
```
#137fb6
```
#137fb6 rgb(19,127,182)
```
#158bc8
```
#158bc8 rgb(21,139,200)
```
#1797da
```
#1797da rgb(23,151,218)
```

Shade Color Variation

#1da2e7
```
#1da2e7 rgb(29,162,231)
```
#2faae9
```
#2faae9 rgb(47,170,233)
```
#40b1eb
```
#40b1eb rgb(64,177,235)
```
#52b8ed
```
#52b8ed rgb(82,184,237)
```
#64bfef
```
#64bfef rgb(100,191,239)
```
#76c7f1
```
#76c7f1 rgb(118,199,241)
```
#87cef2
```
#87cef2 rgb(135,206,242)
```
#99d5f4
```
#99d5f4 rgb(153,213,244)
```
#abddf6
```
#abddf6 rgb(171,221,246)
```
#bde4f8
```
#bde4f8 rgb(189,228,248)
```
#ceebfa
```
#ceebfa rgb(206,235,250)
```
#e0f2fc
```
#e0f2fc rgb(224,242,252)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7073 is the less saturated color, while #0490d9 is the most saturated one.

#6a7073
```
#6a7073 rgb(106,112,115)
```
#62737c
```
#62737c rgb(98,115,124)
```
#597584
```
#597584 rgb(89,117,132)
```
#51788d
```
#51788d rgb(81,120,141)
```
#487b95
```
#487b95 rgb(72,123,149)
```
#407d9e
```
#407d9e rgb(64,125,158)
```
#3780a6
```
#3780a6 rgb(55,128,166)
```
#2f83af
```
#2f83af rgb(47,131,175)
```
#2686b7
```
#2686b7 rgb(38,134,183)
```
#1e88c0
```
#1e88c0 rgb(30,136,192)
```
#158bc8
```
#158bc8 rgb(21,139,200)
```
#0d8ed1
```
#0d8ed1 rgb(13,142,209)
```
#0490d9
```
#0490d9 rgb(4,144,217)
```

Tone Color Variation

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

Dichromacy

#7487c3 Protanopia 1% of men
#6289cd Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#5188c5 Protanomaly 1% of men, 0.01% of women
#468acb Deuteranomaly 6% of men, 0.4% of women
#0792af Tritanomaly 0.01% of the population

#158bc8 hex color

#158bc8 Color Information

#158bc8 Color Conversion

Color Schemes with #158bc8

Alternatives to #158bc8

#158bc8 Preview

Shades and Tints of #158bc8

Tones of #158bc8

Color Blindness Simulator