#158ec4 hex color

In a RGB color space, hex #158ec4 is composed of 8.2% red, 55.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 27.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 198.5 degrees, a saturation of 80.6% and a lightness of 42.5%. #158ec4 color hex could be obtained by blending #2affff with #001d89. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 56
- B 77
RGB color chart
- C 89
- M 28
- Y 0
- K 23
CMYK color chart

● #158ec4 color description : Strong blue.

The hexadecimal color #158ec4 has RGB values of R:21, G:142, B:196 and CMYK values of C:0.89, M:0.28, Y:0, K:0.23. Its decimal value is 1412804.

Hex triplet	158ec4	`#158ec4`
RGB Decimal	21, 142, 196	`rgb(21,142,196)`
RGB Percent	8.2, 55.7, 76.9	`rgb(8.2%,55.7%,76.9%)`
CMYK	89, 28, 0, 23
HSL	198.5°, 80.6, 42.5	`hsl(198.5,80.6%,42.5%)`
HSV (or HSB)	198.5°, 89.3, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.573, -11.387, -36.557
XYZ	19.944, 23.489, 55.704
xyY	0.201, 0.237, 23.489
CIE-LCH	55.573, 38.29, 252.698
CIE-LUV	55.573, -36.081, -55.202
Hunter-Lab	48.466, -11.362, -34.22
Binary	00010101, 10001110, 11000100

#158ec4
```
#158ec4 rgb(21,142,196)
```
#c44b15
```
#c44b15 rgb(196,75,21)
```

Complementary Color

#15c4a3
```
#15c4a3 rgb(21,196,163)
```
#158ec4
```
#158ec4 rgb(21,142,196)
```
#1537c4
```
#1537c4 rgb(21,55,196)
```

Analogous Color

#c4a315
```
#c4a315 rgb(196,163,21)
```
#158ec4
```
#158ec4 rgb(21,142,196)
```
#c41537
```
#c41537 rgb(196,21,55)
```

Split Complementary Color

#8ec415
```
#8ec415 rgb(142,196,21)
```
#158ec4
```
#158ec4 rgb(21,142,196)
```
#c4158e
```
#c4158e rgb(196,21,142)
```

Triadic Color

#15c44b
```
#15c44b rgb(21,196,75)
```
#158ec4
```
#158ec4 rgb(21,142,196)
```
#c4158e
```
#c4158e rgb(196,21,142)
```
#c44b15
```
#c44b15 rgb(196,75,21)
```

Tetradic Color

#0e5c7f
```
#0e5c7f rgb(14,92,127)
```
#106d96
```
#106d96 rgb(16,109,150)
```
#137dad
```
#137dad rgb(19,125,173)
```
#158ec4
```
#158ec4 rgb(21,142,196)
```
#179fdb
```
#179fdb rgb(23,159,219)
```
#24abe8
```
#24abe8 rgb(36,171,232)
```
#3bb4ea
```
#3bb4ea rgb(59,180,234)
```

Monochromatic Color

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

#15bac4
```
#15bac4 rgb(21,186,196)
```
#15abc4
```
#15abc4 rgb(21,171,196)
```
#159dc4
```
#159dc4 rgb(21,157,196)
```
#158ec4
```
#158ec4 rgb(21,142,196)
```
#157fc4
```
#157fc4 rgb(21,127,196)
```
#1571c4
```
#1571c4 rgb(21,113,196)
```
#1562c4
```
#1562c4 rgb(21,98,196)
```

Similar Colors

Text with hexadecimal color #158ec4

This text has a font color of #158ec4.

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

#158ec4 background color

This paragraph has a background color of #158ec4.

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

#158ec4 border color

This element has a border color of #158ec4.

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

CSS codes

.text {color:#158ec4;}

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

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

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, #000101 is the darkest color, while #eef9fd is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#020e13
```
#020e13 rgb(2,14,19)
```
#041a25
```
#041a25 rgb(4,26,37)
```
#062736
```
#062736 rgb(6,39,54)
```
#083448
```
#083448 rgb(8,52,72)
```
#0a415a
```
#0a415a rgb(10,65,90)
```
#0c4e6b
```
#0c4e6b rgb(12,78,107)
```
#0d5b7d
```
#0d5b7d rgb(13,91,125)
```
#0f678f
```
#0f678f rgb(15,103,143)
```
#1174a1
```
#1174a1 rgb(17,116,161)
```
#1381b2
```
#1381b2 rgb(19,129,178)
```
#158ec4
```
#158ec4 rgb(21,142,196)
```
#179bd6
```
#179bd6 rgb(23,155,214)
```

Shade Color Variation

#1aa7e6
```
#1aa7e6 rgb(26,167,230)
```
#2caee8
```
#2caee8 rgb(44,174,232)
```
#3db5ea
```
#3db5ea rgb(61,181,234)
```
#4fbcec
```
#4fbcec rgb(79,188,236)
```
#61c2ee
```
#61c2ee rgb(97,194,238)
```
#72c9f0
```
#72c9f0 rgb(114,201,240)
```
#84d0f2
```
#84d0f2 rgb(132,208,242)
```
#96d7f4
```
#96d7f4 rgb(150,215,244)
```
#a8def6
```
#a8def6 rgb(168,222,246)
```
#b9e4f8
```
#b9e4f8 rgb(185,228,248)
```
#cbebf9
```
#cbebf9 rgb(203,235,249)
```
#ddf2fb
```
#ddf2fb rgb(221,242,251)
```
#eef9fd
```
#eef9fd rgb(238,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e71 is the less saturated color, while #0494d5 is the most saturated one.

#686e71
```
#686e71 rgb(104,110,113)
```
#607179
```
#607179 rgb(96,113,121)
```
#587481
```
#587481 rgb(88,116,129)
```
#4f788a
```
#4f788a rgb(79,120,138)
```
#477b92
```
#477b92 rgb(71,123,146)
```
#3f7e9a
```
#3f7e9a rgb(63,126,154)
```
#3681a3
```
#3681a3 rgb(54,129,163)
```
#2e84ab
```
#2e84ab rgb(46,132,171)
```
#2688b3
```
#2688b3 rgb(38,136,179)
```
#1d8bbc
```
#1d8bbc rgb(29,139,188)
```
#158ec4
```
#158ec4 rgb(21,142,196)
```
#0d91cc
```
#0d91cc rgb(13,145,204)
```
#0494d5
```
#0494d5 rgb(4,148,213)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5e7681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7989bf Protanopia 1% of men
#6b8bca Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#548bc1 Protanomaly 1% of men, 0.01% of women
#4b8cc8 Deuteranomaly 6% of men, 0.4% of women
#0795af Tritanomaly 0.01% of the population

#158ec4 hex color

#158ec4 Color Information

#158ec4 Color Conversion

Color Schemes with #158ec4

Alternatives to #158ec4

#158ec4 Preview

Shades and Tints of #158ec4

Tones of #158ec4

Color Blindness Simulator