#158bbb hex color

In a RGB color space, hex #158bbb is composed of 8.2% red, 54.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 25.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 197.3 degrees, a saturation of 79.8% and a lightness of 40.8%. #158bbb color hex could be obtained by blending #2affff with #001777. Closest websafe color is: #0099cc.

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

● #158bbb color description : Strong blue.

The hexadecimal color #158bbb has RGB values of R:21, G:139, B:187 and CMYK values of C:0.89, M:0.26, Y:0, K:0.27. Its decimal value is 1412027.

Hex triplet	158bbb	`#158bbb`
RGB Decimal	21, 139, 187	`rgb(21,139,187)`
RGB Percent	8.2, 54.5, 73.3	`rgb(8.2%,54.5%,73.3%)`
CMYK	89, 26, 0, 27
HSL	197.3°, 79.8, 40.8	`hsl(197.3,79.8%,40.8%)`
HSV (or HSB)	197.3°, 88.8, 73.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.25, -12.987, -33.511
XYZ	18.509, 22.211, 50.323
xyY	0.203, 0.244, 22.211
CIE-LCH	54.25, 35.939, 248.816
CIE-LUV	54.25, -35.646, -49.82
Hunter-Lab	47.128, -12.37, -30.319
Binary	00010101, 10001011, 10111011

#158bbb
```
#158bbb rgb(21,139,187)
```
#bb4515
```
#bb4515 rgb(187,69,21)
```

Complementary Color

#15bb98
```
#15bb98 rgb(21,187,152)
```
#158bbb
```
#158bbb rgb(21,139,187)
```
#1538bb
```
#1538bb rgb(21,56,187)
```

Analogous Color

#bb9815
```
#bb9815 rgb(187,152,21)
```
#158bbb
```
#158bbb rgb(21,139,187)
```
#bb1538
```
#bb1538 rgb(187,21,56)
```

Split Complementary Color

#8bbb15
```
#8bbb15 rgb(139,187,21)
```
#158bbb
```
#158bbb rgb(21,139,187)
```
#bb158b
```
#bb158b rgb(187,21,139)
```

Triadic Color

#15bb45
```
#15bb45 rgb(21,187,69)
```
#158bbb
```
#158bbb rgb(21,139,187)
```
#bb158b
```
#bb158b rgb(187,21,139)
```
#bb4515
```
#bb4515 rgb(187,69,21)
```

Tetradic Color

#0d5876
```
#0d5876 rgb(13,88,118)
```
#10698d
```
#10698d rgb(16,105,141)
```
#127aa4
```
#127aa4 rgb(18,122,164)
```
#158bbb
```
#158bbb rgb(21,139,187)
```
#189cd2
```
#189cd2 rgb(24,156,210)
```
#1dace6
```
#1dace6 rgb(29,172,230)
```
#34b4e8
```
#34b4e8 rgb(52,180,232)
```

Monochromatic Color

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

#15b5bb
```
#15b5bb rgb(21,181,187)
```
#15a7bb
```
#15a7bb rgb(21,167,187)
```
#1599bb
```
#1599bb rgb(21,153,187)
```
#158bbb
```
#158bbb rgb(21,139,187)
```
#157dbb
```
#157dbb rgb(21,125,187)
```
#156fbb
```
#156fbb rgb(21,111,187)
```
#1562bb
```
#1562bb rgb(21,98,187)
```

Similar Colors

Text with hexadecimal color #158bbb

This text has a font color of #158bbb.

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

#158bbb background color

This paragraph has a background color of #158bbb.

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

#158bbb border color

This element has a border color of #158bbb.

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

CSS codes

.text {color:#158bbb;}

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

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

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, #01080b is the darkest color, while #f8fcfe is the lightest one.

#01080b
```
#01080b rgb(1,8,11)
```
#03151c
```
#03151c rgb(3,21,28)
```
#05222e
```
#05222e rgb(5,34,46)
```
#072f40
```
#072f40 rgb(7,47,64)
```
#093c51
```
#093c51 rgb(9,60,81)
```
#0b4963
```
#0b4963 rgb(11,73,99)
```
#0d5774
```
#0d5774 rgb(13,87,116)
```
#0f6486
```
#0f6486 rgb(15,100,134)
```
#117198
```
#117198 rgb(17,113,152)
```
#137ea9
```
#137ea9 rgb(19,126,169)
```
#158bbb
```
#158bbb rgb(21,139,187)
```
#1798cd
```
#1798cd rgb(23,152,205)
```
#19a5de
```
#19a5de rgb(25,165,222)
```

Shade Color Variation

#24aee6
```
#24aee6 rgb(36,174,230)
```
#36b5e8
```
#36b5e8 rgb(54,181,232)
```
#48bbea
```
#48bbea rgb(72,187,234)
```
#59c2ec
```
#59c2ec rgb(89,194,236)
```
#6bc8ee
```
#6bc8ee rgb(107,200,238)
```
#7dcff0
```
#7dcff0 rgb(125,207,240)
```
#8ed5f2
```
#8ed5f2 rgb(142,213,242)
```
#a0dcf4
```
#a0dcf4 rgb(160,220,244)
```
#b1e2f6
```
#b1e2f6 rgb(177,226,246)
```
#c3e9f8
```
#c3e9f8 rgb(195,233,248)
```
#d5effa
```
#d5effa rgb(213,239,250)
```
#e6f6fc
```
#e6f6fc rgb(230,246,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65696b is the less saturated color, while #0592cb is the most saturated one.

#65696b
```
#65696b rgb(101,105,107)
```
#5d6d73
```
#5d6d73 rgb(93,109,115)
```
#55707b
```
#55707b rgb(85,112,123)
```
#4d7383
```
#4d7383 rgb(77,115,131)
```
#45778b
```
#45778b rgb(69,119,139)
```
#3d7a93
```
#3d7a93 rgb(61,122,147)
```
#357e9b
```
#357e9b rgb(53,126,155)
```
#2d81a3
```
#2d81a3 rgb(45,129,163)
```
#2584ab
```
#2584ab rgb(37,132,171)
```
#1d88b3
```
#1d88b3 rgb(29,136,179)
```
#158bbb
```
#158bbb rgb(21,139,187)
```
#0d8ec3
```
#0d8ec3 rgb(13,142,195)
```
#0592cb
```
#0592cb rgb(5,146,203)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5b737d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7886b7 Protanopia 1% of men
#6c87c2 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5488b8 Protanomaly 1% of men, 0.01% of women
#4c88bf Deuteranomaly 6% of men, 0.4% of women
#0791a9 Tritanomaly 0.01% of the population

#158bbb hex color

#158bbb Color Information

#158bbb Color Conversion

Color Schemes with #158bbb

Alternatives to #158bbb

#158bbb Preview

Shades and Tints of #158bbb

Tones of #158bbb

Color Blindness Simulator