#158bbf hex color

In a RGB color space, hex #158bbf is composed of 8.2% red, 54.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 27.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 198.4 degrees, a saturation of 80.2% and a lightness of 41.6%. #158bbf color hex could be obtained by blending #2affff with #00177f. Closest websafe color is: #0099cc.

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

● #158bbf color description : Strong blue.

The hexadecimal color #158bbf has RGB values of R:21, G:139, B:191 and CMYK values of C:0.89, M:0.27, Y:0, K:0.25. Its decimal value is 1412031.

Hex triplet	158bbf	`#158bbf`
RGB Decimal	21, 139, 191	`rgb(21,139,191)`
RGB Percent	8.2, 54.5, 74.9	`rgb(8.2%,54.5%,74.9%)`
CMYK	89, 27, 0, 25
HSL	198.4°, 80.2, 41.6	`hsl(198.4,80.2%,41.6%)`
HSV (or HSB)	198.4°, 89, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.433, -11.525, -35.504
XYZ	18.943, 22.384, 52.61
xyY	0.202, 0.238, 22.384
CIE-LCH	54.433, 37.328, 252.015
CIE-LUV	54.433, -35.381, -53.265
Hunter-Lab	47.312, -11.326, -32.81
Binary	00010101, 10001011, 10111111

#158bbf
```
#158bbf rgb(21,139,191)
```
#bf4915
```
#bf4915 rgb(191,73,21)
```

Complementary Color

#15bf9e
```
#15bf9e rgb(21,191,158)
```
#158bbf
```
#158bbf rgb(21,139,191)
```
#1536bf
```
#1536bf rgb(21,54,191)
```

Analogous Color

#bf9e15
```
#bf9e15 rgb(191,158,21)
```
#158bbf
```
#158bbf rgb(21,139,191)
```
#bf1536
```
#bf1536 rgb(191,21,54)
```

Split Complementary Color

#8bbf15
```
#8bbf15 rgb(139,191,21)
```
#158bbf
```
#158bbf rgb(21,139,191)
```
#bf158b
```
#bf158b rgb(191,21,139)
```

Triadic Color

#15bf49
```
#15bf49 rgb(21,191,73)
```
#158bbf
```
#158bbf rgb(21,139,191)
```
#bf158b
```
#bf158b rgb(191,21,139)
```
#bf4915
```
#bf4915 rgb(191,73,21)
```

Tetradic Color

#0d597a
```
#0d597a rgb(13,89,122)
```
#106a91
```
#106a91 rgb(16,106,145)
```
#127aa8
```
#127aa8 rgb(18,122,168)
```
#158bbf
```
#158bbf rgb(21,139,191)
```
#189cd6
```
#189cd6 rgb(24,156,214)
```
#20aae7
```
#20aae7 rgb(32,170,231)
```
#37b3e9
```
#37b3e9 rgb(55,179,233)
```

Monochromatic Color

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

#15b6bf
```
#15b6bf rgb(21,182,191)
```
#15a7bf
```
#15a7bf rgb(21,167,191)
```
#1599bf
```
#1599bf rgb(21,153,191)
```
#158bbf
```
#158bbf rgb(21,139,191)
```
#157dbf
```
#157dbf rgb(21,125,191)
```
#156fbf
```
#156fbf rgb(21,111,191)
```
#1561bf
```
#1561bf rgb(21,97,191)
```

Similar Colors

Text with hexadecimal color #158bbf

This text has a font color of #158bbf.

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

#158bbf background color

This paragraph has a background color of #158bbf.

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

#158bbf border color

This element has a border color of #158bbf.

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

CSS codes

.text {color:#158bbf;}

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

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

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, #020a0e is the darkest color, while #fcfeff is the lightest one.

#020a0e
```
#020a0e rgb(2,10,14)
```
#041720
```
#041720 rgb(4,23,32)
```
#052432
```
#052432 rgb(5,36,50)
```
#073143
```
#073143 rgb(7,49,67)
```
#093e55
```
#093e55 rgb(9,62,85)
```
#0b4b67
```
#0b4b67 rgb(11,75,103)
```
#0d5878
```
#0d5878 rgb(13,88,120)
```
#0f648a
```
#0f648a rgb(15,100,138)
```
#11719c
```
#11719c rgb(17,113,156)
```
#137ead
```
#137ead rgb(19,126,173)
```
#158bbf
```
#158bbf rgb(21,139,191)
```
#1798d1
```
#1798d1 rgb(23,152,209)
```
#19a5e2
```
#19a5e2 rgb(25,165,226)
```

Shade Color Variation

#28ade7
```
#28ade7 rgb(40,173,231)
```
#39b3e9
```
#39b3e9 rgb(57,179,233)
```
#4bbaeb
```
#4bbaeb rgb(75,186,235)
```
#5dc1ed
```
#5dc1ed rgb(93,193,237)
```
#6ec8ef
```
#6ec8ef rgb(110,200,239)
```
#80cef1
```
#80cef1 rgb(128,206,241)
```
#92d5f3
```
#92d5f3 rgb(146,213,243)
```
#a3dcf5
```
#a3dcf5 rgb(163,220,245)
```
#b5e3f7
```
#b5e3f7 rgb(181,227,247)
```
#c7e9f9
```
#c7e9f9 rgb(199,233,249)
```
#d8f0fb
```
#d8f0fb rgb(216,240,251)
```
#eaf7fd
```
#eaf7fd rgb(234,247,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676b6d is the less saturated color, while #0591cf is the most saturated one.

#676b6d
```
#676b6d rgb(103,107,109)
```
#5e6f76
```
#5e6f76 rgb(94,111,118)
```
#56727e
```
#56727e rgb(86,114,126)
```
#4e7586
```
#4e7586 rgb(78,117,134)
```
#46788e
```
#46788e rgb(70,120,142)
```
#3e7b96
```
#3e7b96 rgb(62,123,150)
```
#367e9e
```
#367e9e rgb(54,126,158)
```
#2d82a7
```
#2d82a7 rgb(45,130,167)
```
#2585af
```
#2585af rgb(37,133,175)
```
#1d88b7
```
#1d88b7 rgb(29,136,183)
```
#158bbf
```
#158bbf rgb(21,139,191)
```
#0d8ec7
```
#0d8ec7 rgb(13,142,199)
```
#0591cf
```
#0591cf rgb(5,145,207)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5c747e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7786bb Protanopia 1% of men
#6988c6 Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#5388bc Protanomaly 1% of men, 0.01% of women
#4a89c3 Deuteranomaly 6% of men, 0.4% of women
#0792ab Tritanomaly 0.01% of the population

#158bbf hex color

#158bbf Color Information

#158bbf Color Conversion

Color Schemes with #158bbf

Alternatives to #158bbf

#158bbf Preview

Shades and Tints of #158bbf

Tones of #158bbf

Color Blindness Simulator