#158ac1 hex color

In a RGB color space, hex #158ac1 is composed of 8.2% red, 54.1% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 28.5% magenta, 0% yellow and 24.3% black. It has a hue angle of 199.2 degrees, a saturation of 80.4% and a lightness of 42%. #158ac1 color hex could be obtained by blending #2affff with #001583. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 54
- B 76
RGB color chart
- C 89
- M 28
- Y 0
- K 24
CMYK color chart

● #158ac1 color description : Strong blue.

The hexadecimal color #158ac1 has RGB values of R:21, G:138, B:193 and CMYK values of C:0.89, M:0.28, Y:0, K:0.24. Its decimal value is 1411777.

Hex triplet	158ac1	`#158ac1`
RGB Decimal	21, 138, 193	`rgb(21,138,193)`
RGB Percent	8.2, 54.1, 75.7	`rgb(8.2%,54.1%,75.7%)`
CMYK	89, 28, 0, 24
HSL	199.2°, 80.4, 42	`hsl(199.2,80.4%,42%)`
HSV (or HSB)	199.2°, 89.1, 75.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.223, -10.223, -36.971
XYZ	19.021, 22.185, 53.729
xyY	0.2, 0.234, 22.185
CIE-LCH	54.223, 38.358, 254.544
CIE-LUV	54.223, -34.908, -55.766
Hunter-Lab	47.101, -10.342, -34.663
Binary	00010101, 10001010, 11000001

#158ac1
```
#158ac1 rgb(21,138,193)
```
#c14c15
```
#c14c15 rgb(193,76,21)
```

Complementary Color

#15c1a2
```
#15c1a2 rgb(21,193,162)
```
#158ac1
```
#158ac1 rgb(21,138,193)
```
#1534c1
```
#1534c1 rgb(21,52,193)
```

Analogous Color

#c1a215
```
#c1a215 rgb(193,162,21)
```
#158ac1
```
#158ac1 rgb(21,138,193)
```
#c11534
```
#c11534 rgb(193,21,52)
```

Split Complementary Color

#8ac115
```
#8ac115 rgb(138,193,21)
```
#158ac1
```
#158ac1 rgb(21,138,193)
```
#c1158a
```
#c1158a rgb(193,21,138)
```

Triadic Color

#15c14c
```
#15c14c rgb(21,193,76)
```
#158ac1
```
#158ac1 rgb(21,138,193)
```
#c1158a
```
#c1158a rgb(193,21,138)
```
#c14c15
```
#c14c15 rgb(193,76,21)
```

Tetradic Color

#0d597c
```
#0d597c rgb(13,89,124)
```
#106993
```
#106993 rgb(16,105,147)
```
#127aaa
```
#127aaa rgb(18,122,170)
```
#158ac1
```
#158ac1 rgb(21,138,193)
```
#189ad8
```
#189ad8 rgb(24,154,216)
```
#22a8e7
```
#22a8e7 rgb(34,168,231)
```
#39b1e9
```
#39b1e9 rgb(57,177,233)
```

Monochromatic Color

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

#15b5c1
```
#15b5c1 rgb(21,181,193)
```
#15a7c1
```
#15a7c1 rgb(21,167,193)
```
#1598c1
```
#1598c1 rgb(21,152,193)
```
#158ac1
```
#158ac1 rgb(21,138,193)
```
#157cc1
```
#157cc1 rgb(21,124,193)
```
#156dc1
```
#156dc1 rgb(21,109,193)
```
#155fc1
```
#155fc1 rgb(21,95,193)
```

Similar Colors

Text with hexadecimal color #158ac1

This text has a font color of #158ac1.

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

#158ac1 background color

This paragraph has a background color of #158ac1.

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

#158ac1 border color

This element has a border color of #158ac1.

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

CSS codes

.text {color:#158ac1;}

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

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

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

#020c10
```
#020c10 rgb(2,12,16)
```
#041822
```
#041822 rgb(4,24,34)
```
#062533
```
#062533 rgb(6,37,51)
```
#083145
```
#083145 rgb(8,49,69)
```
#093e57
```
#093e57 rgb(9,62,87)
```
#0b4b69
```
#0b4b69 rgb(11,75,105)
```
#0d577a
```
#0d577a rgb(13,87,122)
```
#0f648c
```
#0f648c rgb(15,100,140)
```
#11719e
```
#11719e rgb(17,113,158)
```
#137daf
```
#137daf rgb(19,125,175)
```
#158ac1
```
#158ac1 rgb(21,138,193)
```
#1797d3
```
#1797d3 rgb(23,151,211)
```
#19a3e4
```
#19a3e4 rgb(25,163,228)
```

Shade Color Variation

#29abe8
```
#29abe8 rgb(41,171,232)
```
#3bb2ea
```
#3bb2ea rgb(59,178,234)
```
#4cb9ec
```
#4cb9ec rgb(76,185,236)
```
#5ec0ee
```
#5ec0ee rgb(94,192,238)
```
#70c7ef
```
#70c7ef rgb(112,199,239)
```
#82cef1
```
#82cef1 rgb(130,206,241)
```
#93d5f3
```
#93d5f3 rgb(147,213,243)
```
#a5dcf5
```
#a5dcf5 rgb(165,220,245)
```
#b7e3f7
```
#b7e3f7 rgb(183,227,247)
```
#c8e9f9
```
#c8e9f9 rgb(200,233,249)
```
#daf0fb
```
#daf0fb rgb(218,240,251)
```
#ecf7fd
```
#ecf7fd rgb(236,247,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#676c6f
```
#676c6f rgb(103,108,111)
```
#5f6f77
```
#5f6f77 rgb(95,111,119)
```
#57727f
```
#57727f rgb(87,114,127)
```
#4f7587
```
#4f7587 rgb(79,117,135)
```
#467890
```
#467890 rgb(70,120,144)
```
#3e7b98
```
#3e7b98 rgb(62,123,152)
```
#367ea0
```
#367ea0 rgb(54,126,160)
```
#2e81a8
```
#2e81a8 rgb(46,129,168)
```
#2584b1
```
#2584b1 rgb(37,132,177)
```
#1d87b9
```
#1d87b9 rgb(29,135,185)
```
#158ac1
```
#158ac1 rgb(21,138,193)
```
#0d8dc9
```
#0d8dc9 rgb(13,141,201)
```
#0590d1
```
#0590d1 rgb(5,144,209)
```

Tone Color Variation

Below, you can see how #158ac1 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
#5b737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7586bd Protanopia 1% of men
#6687c7 Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5287be Protanomaly 1% of men, 0.01% of women
#4888c5 Deuteranomaly 6% of men, 0.4% of women
#0791ab Tritanomaly 0.01% of the population

#158ac1 hex color

#158ac1 Color Information

#158ac1 Color Conversion

Color Schemes with #158ac1

Alternatives to #158ac1

#158ac1 Preview

Shades and Tints of #158ac1

Tones of #158ac1

Color Blindness Simulator