#158cbf hex color

In a RGB color space, hex #158cbf is composed of 8.2% red, 54.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 26.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 198 degrees, a saturation of 80.2% and a lightness of 41.6%. #158cbf color hex could be obtained by blending #2affff with #00197f. 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

● #158cbf color description : Strong blue.

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

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

CIE-LAB	54.736, -12.089, -35.028
XYZ	19.089, 22.675, 52.658
xyY	0.202, 0.24, 22.675
CIE-LCH	54.736, 37.056, 250.959
CIE-LUV	54.736, -35.725, -52.477
Hunter-Lab	47.619, -11.777, -32.231
Binary	00010101, 10001100, 10111111

#158cbf
```
#158cbf rgb(21,140,191)
```
#bf4815
```
#bf4815 rgb(191,72,21)
```

Complementary Color

#15bf9d
```
#15bf9d rgb(21,191,157)
```
#158cbf
```
#158cbf rgb(21,140,191)
```
#1537bf
```
#1537bf rgb(21,55,191)
```

Analogous Color

#bf9d15
```
#bf9d15 rgb(191,157,21)
```
#158cbf
```
#158cbf rgb(21,140,191)
```
#bf1537
```
#bf1537 rgb(191,21,55)
```

Split Complementary Color

#8cbf15
```
#8cbf15 rgb(140,191,21)
```
#158cbf
```
#158cbf rgb(21,140,191)
```
#bf158c
```
#bf158c rgb(191,21,140)
```

Triadic Color

#15bf48
```
#15bf48 rgb(21,191,72)
```
#158cbf
```
#158cbf rgb(21,140,191)
```
#bf158c
```
#bf158c rgb(191,21,140)
```
#bf4815
```
#bf4815 rgb(191,72,21)
```

Tetradic Color

#0d597a
```
#0d597a rgb(13,89,122)
```
#106a91
```
#106a91 rgb(16,106,145)
```
#127ba8
```
#127ba8 rgb(18,123,168)
```
#158cbf
```
#158cbf rgb(21,140,191)
```
#189dd6
```
#189dd6 rgb(24,157,214)
```
#20abe7
```
#20abe7 rgb(32,171,231)
```
#37b4e9
```
#37b4e9 rgb(55,180,233)
```

Monochromatic Color

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

#15b7bf
```
#15b7bf rgb(21,183,191)
```
#15a8bf
```
#15a8bf rgb(21,168,191)
```
#159abf
```
#159abf rgb(21,154,191)
```
#158cbf
```
#158cbf rgb(21,140,191)
```
#157ebf
```
#157ebf rgb(21,126,191)
```
#1570bf
```
#1570bf rgb(21,112,191)
```
#1561bf
```
#1561bf rgb(21,97,191)
```

Similar Colors

Text with hexadecimal color #158cbf

This text has a font color of #158cbf.

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

#158cbf background color

This paragraph has a background color of #158cbf.

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

#158cbf border color

This element has a border color of #158cbf.

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

CSS codes

.text {color:#158cbf;}

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

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

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)
```
#0f658a
```
#0f658a rgb(15,101,138)
```
#11729c
```
#11729c rgb(17,114,156)
```
#137fad
```
#137fad rgb(19,127,173)
```
#158cbf
```
#158cbf rgb(21,140,191)
```
#1799d1
```
#1799d1 rgb(23,153,209)
```
#19a6e2
```
#19a6e2 rgb(25,166,226)
```

Shade Color Variation

#28aee7
```
#28aee7 rgb(40,174,231)
```
#39b4e9
```
#39b4e9 rgb(57,180,233)
```
#4bbbeb
```
#4bbbeb rgb(75,187,235)
```
#5dc2ed
```
#5dc2ed rgb(93,194,237)
```
#6ec8ef
```
#6ec8ef rgb(110,200,239)
```
#80cff1
```
#80cff1 rgb(128,207,241)
```
#92d6f3
```
#92d6f3 rgb(146,214,243)
```
#a3dcf5
```
#a3dcf5 rgb(163,220,245)
```
#b5e3f7
```
#b5e3f7 rgb(181,227,247)
```
#c7eaf9
```
#c7eaf9 rgb(199,234,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 #0593cf 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)
```
#3e7c96
```
#3e7c96 rgb(62,124,150)
```
#367f9e
```
#367f9e rgb(54,127,158)
```
#2d82a7
```
#2d82a7 rgb(45,130,167)
```
#2585af
```
#2585af rgb(37,133,175)
```
#1d89b7
```
#1d89b7 rgb(29,137,183)
```
#158cbf
```
#158cbf rgb(21,140,191)
```
#0d8fc7
```
#0d8fc7 rgb(13,143,199)
```
#0593cf
```
#0593cf rgb(5,147,207)
```

Tone Color Variation

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

#7887ba Protanopia 1% of men
#6b88c6 Deuteranopia 1% of men
#0096a1 Tritanopia 0.001% of the population

Trichromacy

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

#158cbf hex color

#158cbf Color Information

#158cbf Color Conversion

Color Schemes with #158cbf

Alternatives to #158cbf

#158cbf Preview

Shades and Tints of #158cbf

Tones of #158cbf

Color Blindness Simulator