#158bc9 hex color

In a RGB color space, hex #158bc9 is composed of 8.2% red, 54.5% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 30.8% magenta, 0% yellow and 21.2% black. It has a hue angle of 200.7 degrees, a saturation of 81.1% and a lightness of 43.5%. #158bc9 color hex could be obtained by blending #2affff with #001793. Closest websafe color is: #0099cc.

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

● #158bc9 color description : Strong blue.

The hexadecimal color #158bc9 has RGB values of R:21, G:139, B:201 and CMYK values of C:0.9, M:0.31, Y:0, K:0.21. Its decimal value is 1412041.

Hex triplet	158bc9	`#158bc9`
RGB Decimal	21, 139, 201	`rgb(21,139,201)`
RGB Percent	8.2, 54.5, 78.8	`rgb(8.2%,54.5%,78.8%)`
CMYK	90, 31, 0, 21
HSL	200.7°, 81.1, 43.5	`hsl(200.7,81.1%,43.5%)`
HSV (or HSB)	200.7°, 89.6, 78.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.907, -7.833, -40.435
XYZ	20.082, 22.84, 58.605
xyY	0.198, 0.225, 22.84
CIE-LCH	54.907, 41.186, 259.036
CIE-LUV	54.907, -34.74, -61.82
Hunter-Lab	47.791, -8.628, -39.252
Binary	00010101, 10001011, 11001001

#158bc9
```
#158bc9 rgb(21,139,201)
```
#c95315
```
#c95315 rgb(201,83,21)
```

Complementary Color

#15c9ad
```
#15c9ad rgb(21,201,173)
```
#158bc9
```
#158bc9 rgb(21,139,201)
```
#1531c9
```
#1531c9 rgb(21,49,201)
```

Analogous Color

#c9ad15
```
#c9ad15 rgb(201,173,21)
```
#158bc9
```
#158bc9 rgb(21,139,201)
```
#c91531
```
#c91531 rgb(201,21,49)
```

Split Complementary Color

#8bc915
```
#8bc915 rgb(139,201,21)
```
#158bc9
```
#158bc9 rgb(21,139,201)
```
#c9158b
```
#c9158b rgb(201,21,139)
```

Triadic Color

#15c953
```
#15c953 rgb(21,201,83)
```
#158bc9
```
#158bc9 rgb(21,139,201)
```
#c9158b
```
#c9158b rgb(201,21,139)
```
#c95315
```
#c95315 rgb(201,83,21)
```

Tetradic Color

#0e5b84
```
#0e5b84 rgb(14,91,132)
```
#106b9b
```
#106b9b rgb(16,107,155)
```
#137bb2
```
#137bb2 rgb(19,123,178)
```
#158bc9
```
#158bc9 rgb(21,139,201)
```
#179be0
```
#179be0 rgb(23,155,224)
```
#28a6e9
```
#28a6e9 rgb(40,166,233)
```
#40b0eb
```
#40b0eb rgb(64,176,235)
```

Monochromatic Color

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

#15b8c9
```
#15b8c9 rgb(21,184,201)
```
#15a9c9
```
#15a9c9 rgb(21,169,201)
```
#159ac9
```
#159ac9 rgb(21,154,201)
```
#158bc9
```
#158bc9 rgb(21,139,201)
```
#157cc9
```
#157cc9 rgb(21,124,201)
```
#156dc9
```
#156dc9 rgb(21,109,201)
```
#155ec9
```
#155ec9 rgb(21,94,201)
```

Similar Colors

Text with hexadecimal color #158bc9

This text has a font color of #158bc9.

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

#158bc9 background color

This paragraph has a background color of #158bc9.

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

#158bc9 border color

This element has a border color of #158bc9.

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

CSS codes

.text {color:#158bc9;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#021017
```
#021017 rgb(2,16,23)
```
#041c29
```
#041c29 rgb(4,28,41)
```
#06293b
```
#06293b rgb(6,41,59)
```
#08354d
```
#08354d rgb(8,53,77)
```
#0a415e
```
#0a415e rgb(10,65,94)
```
#0c4e70
```
#0c4e70 rgb(12,78,112)
```
#0e5a82
```
#0e5a82 rgb(14,90,130)
```
#0f6694
```
#0f6694 rgb(15,102,148)
```
#1172a5
```
#1172a5 rgb(17,114,165)
```
#137fb7
```
#137fb7 rgb(19,127,183)
```
#158bc9
```
#158bc9 rgb(21,139,201)
```
#1797db
```
#1797db rgb(23,151,219)
```

Shade Color Variation

#1ea2e7
```
#1ea2e7 rgb(30,162,231)
```
#30a9e9
```
#30a9e9 rgb(48,169,233)
```
#41b1eb
```
#41b1eb rgb(65,177,235)
```
#53b8ed
```
#53b8ed rgb(83,184,237)
```
#65bfef
```
#65bfef rgb(101,191,239)
```
#77c7f1
```
#77c7f1 rgb(119,199,241)
```
#88cef3
```
#88cef3 rgb(136,206,243)
```
#9ad5f4
```
#9ad5f4 rgb(154,213,244)
```
#acddf6
```
#acddf6 rgb(172,221,246)
```
#bee4f8
```
#bee4f8 rgb(190,228,248)
```
#cfebfa
```
#cfebfa rgb(207,235,250)
```
#e1f3fc
```
#e1f3fc rgb(225,243,252)
```
#f3fafe
```
#f3fafe rgb(243,250,254)
```

Tint Color Variation

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

#6a7074
```
#6a7074 rgb(106,112,116)
```
#62737c
```
#62737c rgb(98,115,124)
```
#597685
```
#597685 rgb(89,118,133)
```
#51788d
```
#51788d rgb(81,120,141)
```
#487b96
```
#487b96 rgb(72,123,150)
```
#407e9e
```
#407e9e rgb(64,126,158)
```
#3780a7
```
#3780a7 rgb(55,128,167)
```
#2f83af
```
#2f83af rgb(47,131,175)
```
#2686b8
```
#2686b8 rgb(38,134,184)
```
#1e88c0
```
#1e88c0 rgb(30,136,192)
```
#158bc9
```
#158bc9 rgb(21,139,201)
```
#0c8ed2
```
#0c8ed2 rgb(12,142,210)
```
#0490da
```
#0490da rgb(4,144,218)
```

Tone Color Variation

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

#7387c4 Protanopia 1% of men
#6189ce Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#5188c6 Protanomaly 1% of men, 0.01% of women
#458acc Deuteranomaly 6% of men, 0.4% of women
#0792af Tritanomaly 0.01% of the population

#158bc9 hex color

#158bc9 Color Information

#158bc9 Color Conversion

Color Schemes with #158bc9

Alternatives to #158bc9

#158bc9 Preview

Shades and Tints of #158bc9

Tones of #158bc9

Color Blindness Simulator