#158bbe hex color

In a RGB color space, hex #158bbe is composed of 8.2% red, 54.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 26.8% magenta, 0% yellow and 25.5% black. It has a hue angle of 198.1 degrees, a saturation of 80.1% and a lightness of 41.4%. #158bbe color hex could be obtained by blending #2affff with #00177d. 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

● #158bbe color description : Strong blue.

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

Hex triplet	158bbe	`#158bbe`
RGB Decimal	21, 139, 190	`rgb(21,139,190)`
RGB Percent	8.2, 54.5, 74.5	`rgb(8.2%,54.5%,74.5%)`
CMYK	89, 27, 0, 25
HSL	198.1°, 80.1, 41.4	`hsl(198.1,80.1%,41.4%)`
HSV (or HSB)	198.1°, 88.9, 74.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.387, -11.892, -35.007
XYZ	18.834, 22.341, 52.032
xyY	0.202, 0.24, 22.341
CIE-LCH	54.387, 36.971, 251.237
CIE-LUV	54.387, -35.447, -52.405
Hunter-Lab	47.266, -11.589, -32.182
Binary	00010101, 10001011, 10111110

#158bbe
```
#158bbe rgb(21,139,190)
```
#be4815
```
#be4815 rgb(190,72,21)
```

Complementary Color

#15be9d
```
#15be9d rgb(21,190,157)
```
#158bbe
```
#158bbe rgb(21,139,190)
```
#1537be
```
#1537be rgb(21,55,190)
```

Analogous Color

#be9d15
```
#be9d15 rgb(190,157,21)
```
#158bbe
```
#158bbe rgb(21,139,190)
```
#be1537
```
#be1537 rgb(190,21,55)
```

Split Complementary Color

#8bbe15
```
#8bbe15 rgb(139,190,21)
```
#158bbe
```
#158bbe rgb(21,139,190)
```
#be158b
```
#be158b rgb(190,21,139)
```

Triadic Color

#15be48
```
#15be48 rgb(21,190,72)
```
#158bbe
```
#158bbe rgb(21,139,190)
```
#be158b
```
#be158b rgb(190,21,139)
```
#be4815
```
#be4815 rgb(190,72,21)
```

Tetradic Color

#0d5979
```
#0d5979 rgb(13,89,121)
```
#106990
```
#106990 rgb(16,105,144)
```
#127aa7
```
#127aa7 rgb(18,122,167)
```
#158bbe
```
#158bbe rgb(21,139,190)
```
#189cd5
```
#189cd5 rgb(24,156,213)
```
#20aae6
```
#20aae6 rgb(32,170,230)
```
#37b3e9
```
#37b3e9 rgb(55,179,233)
```

Monochromatic Color

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

#15b5be
```
#15b5be rgb(21,181,190)
```
#15a7be
```
#15a7be rgb(21,167,190)
```
#1599be
```
#1599be rgb(21,153,190)
```
#158bbe
```
#158bbe rgb(21,139,190)
```
#157dbe
```
#157dbe rgb(21,125,190)
```
#156fbe
```
#156fbe rgb(21,111,190)
```
#1561be
```
#1561be rgb(21,97,190)
```

Similar Colors

Text with hexadecimal color #158bbe

This text has a font color of #158bbe.

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

#158bbe background color

This paragraph has a background color of #158bbe.

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

#158bbe border color

This element has a border color of #158bbe.

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

CSS codes

.text {color:#158bbe;}

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

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

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, #010a0d is the darkest color, while #fbfdff is the lightest one.

#010a0d
```
#010a0d rgb(1,10,13)
```
#03171f
```
#03171f rgb(3,23,31)
```
#052431
```
#052431 rgb(5,36,49)
```
#073142
```
#073142 rgb(7,49,66)
```
#093d54
```
#093d54 rgb(9,61,84)
```
#0b4a66
```
#0b4a66 rgb(11,74,102)
```
#0d5777
```
#0d5777 rgb(13,87,119)
```
#0f6489
```
#0f6489 rgb(15,100,137)
```
#11719b
```
#11719b rgb(17,113,155)
```
#137eac
```
#137eac rgb(19,126,172)
```
#158bbe
```
#158bbe rgb(21,139,190)
```
#1798d0
```
#1798d0 rgb(23,152,208)
```
#19a5e1
```
#19a5e1 rgb(25,165,225)
```

Shade Color Variation

#27ade7
```
#27ade7 rgb(39,173,231)
```
#38b4e9
```
#38b4e9 rgb(56,180,233)
```
#4abaeb
```
#4abaeb rgb(74,186,235)
```
#5cc1ed
```
#5cc1ed rgb(92,193,237)
```
#6dc8ef
```
#6dc8ef rgb(109,200,239)
```
#7fcff1
```
#7fcff1 rgb(127,207,241)
```
#91d5f3
```
#91d5f3 rgb(145,213,243)
```
#a2dcf5
```
#a2dcf5 rgb(162,220,245)
```
#b4e3f7
```
#b4e3f7 rgb(180,227,247)
```
#c6e9f9
```
#c6e9f9 rgb(198,233,249)
```
#d7f0fb
```
#d7f0fb rgb(215,240,251)
```
#e9f7fd
```
#e9f7fd rgb(233,247,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#666b6d
```
#666b6d rgb(102,107,109)
```
#5e6e75
```
#5e6e75 rgb(94,110,117)
```
#56717d
```
#56717d rgb(86,113,125)
```
#4e7485
```
#4e7485 rgb(78,116,133)
```
#46788d
```
#46788d rgb(70,120,141)
```
#3e7b95
```
#3e7b95 rgb(62,123,149)
```
#357e9e
```
#357e9e rgb(53,126,158)
```
#2d81a6
```
#2d81a6 rgb(45,129,166)
```
#2585ae
```
#2585ae rgb(37,133,174)
```
#1d88b6
```
#1d88b6 rgb(29,136,182)
```
#158bbe
```
#158bbe rgb(21,139,190)
```
#0d8ec6
```
#0d8ec6 rgb(13,142,198)
```
#0591ce
```
#0591ce rgb(5,145,206)
```

Tone Color Variation

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

#7786ba Protanopia 1% of men
#6a88c5 Deuteranopia 1% of men
#0095a0 Tritanopia 0.001% of the population

Trichromacy

#5388bb Protanomaly 1% of men, 0.01% of women
#4b89c2 Deuteranomaly 6% of men, 0.4% of women
#0791aa Tritanomaly 0.01% of the population

#158bbe hex color

#158bbe Color Information

#158bbe Color Conversion

Color Schemes with #158bbe

Alternatives to #158bbe

#158bbe Preview

Shades and Tints of #158bbe

Tones of #158bbe

Color Blindness Simulator