#158bbc hex color

In a RGB color space, hex #158bbc is composed of 8.2% red, 54.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 26.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 197.6 degrees, a saturation of 79.9% and a lightness of 41%. #158bbc color hex could be obtained by blending #2affff with #001779. Closest websafe color is: #0099cc.

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

● #158bbc color description : Strong blue.

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

Hex triplet	158bbc	`#158bbc`
RGB Decimal	21, 139, 188	`rgb(21,139,188)`
RGB Percent	8.2, 54.5, 73.7	`rgb(8.2%,54.5%,73.7%)`
CMYK	89, 26, 0, 26
HSL	197.6°, 79.9, 41	`hsl(197.6,79.9%,41%)`
HSV (or HSB)	197.6°, 88.8, 73.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.295, -12.623, -34.01
XYZ	18.617, 22.254, 50.888
xyY	0.203, 0.243, 22.254
CIE-LCH	54.295, 36.277, 249.638
CIE-LUV	54.295, -35.579, -50.682
Hunter-Lab	47.174, -12.111, -30.937
Binary	00010101, 10001011, 10111100

#158bbc
```
#158bbc rgb(21,139,188)
```
#bc4615
```
#bc4615 rgb(188,70,21)
```

Complementary Color

#15bc9a
```
#15bc9a rgb(21,188,154)
```
#158bbc
```
#158bbc rgb(21,139,188)
```
#1538bc
```
#1538bc rgb(21,56,188)
```

Analogous Color

#bc9a15
```
#bc9a15 rgb(188,154,21)
```
#158bbc
```
#158bbc rgb(21,139,188)
```
#bc1538
```
#bc1538 rgb(188,21,56)
```

Split Complementary Color

#8bbc15
```
#8bbc15 rgb(139,188,21)
```
#158bbc
```
#158bbc rgb(21,139,188)
```
#bc158b
```
#bc158b rgb(188,21,139)
```

Triadic Color

#15bc46
```
#15bc46 rgb(21,188,70)
```
#158bbc
```
#158bbc rgb(21,139,188)
```
#bc158b
```
#bc158b rgb(188,21,139)
```
#bc4615
```
#bc4615 rgb(188,70,21)
```

Tetradic Color

#0d5877
```
#0d5877 rgb(13,88,119)
```
#10698e
```
#10698e rgb(16,105,142)
```
#127aa5
```
#127aa5 rgb(18,122,165)
```
#158bbc
```
#158bbc rgb(21,139,188)
```
#189cd3
```
#189cd3 rgb(24,156,211)
```
#1eabe6
```
#1eabe6 rgb(30,171,230)
```
#35b4e8
```
#35b4e8 rgb(53,180,232)
```

Monochromatic Color

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

#15b5bc
```
#15b5bc rgb(21,181,188)
```
#15a7bc
```
#15a7bc rgb(21,167,188)
```
#1599bc
```
#1599bc rgb(21,153,188)
```
#158bbc
```
#158bbc rgb(21,139,188)
```
#157dbc
```
#157dbc rgb(21,125,188)
```
#156fbc
```
#156fbc rgb(21,111,188)
```
#1561bc
```
#1561bc rgb(21,97,188)
```

Similar Colors

Text with hexadecimal color #158bbc

This text has a font color of #158bbc.

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

#158bbc background color

This paragraph has a background color of #158bbc.

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

#158bbc border color

This element has a border color of #158bbc.

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

CSS codes

.text {color:#158bbc;}

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

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

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, #01090c is the darkest color, while #f9fdfe is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#03161d
```
#03161d rgb(3,22,29)
```
#05232f
```
#05232f rgb(5,35,47)
```
#073040
```
#073040 rgb(7,48,64)
```
#093d52
```
#093d52 rgb(9,61,82)
```
#0b4a64
```
#0b4a64 rgb(11,74,100)
```
#0d5775
```
#0d5775 rgb(13,87,117)
```
#0f6487
```
#0f6487 rgb(15,100,135)
```
#117199
```
#117199 rgb(17,113,153)
```
#137eaa
```
#137eaa rgb(19,126,170)
```
#158bbc
```
#158bbc rgb(21,139,188)
```
#1798ce
```
#1798ce rgb(23,152,206)
```
#19a5df
```
#19a5df rgb(25,165,223)
```

Shade Color Variation

#25aee7
```
#25aee7 rgb(37,174,231)
```
#37b4e9
```
#37b4e9 rgb(55,180,233)
```
#48bbeb
```
#48bbeb rgb(72,187,235)
```
#5ac2ed
```
#5ac2ed rgb(90,194,237)
```
#6cc8ef
```
#6cc8ef rgb(108,200,239)
```
#7dcff1
```
#7dcff1 rgb(125,207,241)
```
#8fd5f2
```
#8fd5f2 rgb(143,213,242)
```
#a1dcf4
```
#a1dcf4 rgb(161,220,244)
```
#b2e2f6
```
#b2e2f6 rgb(178,226,246)
```
#c4e9f8
```
#c4e9f8 rgb(196,233,248)
```
#d6f0fa
```
#d6f0fa rgb(214,240,250)
```
#e7f6fc
```
#e7f6fc rgb(231,246,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#656a6c
```
#656a6c rgb(101,106,108)
```
#5d6d74
```
#5d6d74 rgb(93,109,116)
```
#55707c
```
#55707c rgb(85,112,124)
```
#4d7484
```
#4d7484 rgb(77,116,132)
```
#45778c
```
#45778c rgb(69,119,140)
```
#3d7a94
```
#3d7a94 rgb(61,122,148)
```
#357e9c
```
#357e9c rgb(53,126,156)
```
#2d81a4
```
#2d81a4 rgb(45,129,164)
```
#2584ac
```
#2584ac rgb(37,132,172)
```
#1d88b4
```
#1d88b4 rgb(29,136,180)
```
#158bbc
```
#158bbc rgb(21,139,188)
```
#0d8ec4
```
#0d8ec4 rgb(13,142,196)
```
#0592cc
```
#0592cc rgb(5,146,204)
```

Tone Color Variation

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

#7886b8 Protanopia 1% of men
#6c87c3 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5488b9 Protanomaly 1% of men, 0.01% of women
#4c88c0 Deuteranomaly 6% of men, 0.4% of women
#0791aa Tritanomaly 0.01% of the population

#158bbc hex color

#158bbc Color Information

#158bbc Color Conversion

Color Schemes with #158bbc

Alternatives to #158bbc

#158bbc Preview

Shades and Tints of #158bbc

Tones of #158bbc

Color Blindness Simulator