#158aaf hex color

In a RGB color space, hex #158aaf is composed of 8.2% red, 54.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 88% cyan, 21.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 194.4 degrees, a saturation of 78.6% and a lightness of 38.4%. #158aaf color hex could be obtained by blending #2affff with #00155f. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 8
- G 54
- B 69
RGB color chart
- C 88
- M 21
- Y 0
- K 31
CMYK color chart

● #158aaf color description : Dark cyan.

The hexadecimal color #158aaf has RGB values of R:21, G:138, B:175 and CMYK values of C:0.88, M:0.21, Y:0, K:0.31. Its decimal value is 1411759.

Hex triplet	158aaf	`#158aaf`
RGB Decimal	21, 138, 175	`rgb(21,138,175)`
RGB Percent	8.2, 54.1, 68.6	`rgb(8.2%,54.1%,68.6%)`
CMYK	88, 21, 0, 31
HSL	194.4°, 78.6, 38.4	`hsl(194.4,78.6%,38.4%)`
HSV (or HSB)	194.4°, 88, 68.6
Web Safe	009999	`#009999`

CIE-LAB	53.417, -16.762, -27.942
XYZ	17.134, 21.43, 43.788
xyY	0.208, 0.26, 21.43
CIE-LCH	53.417, 32.584, 239.042
CIE-LUV	53.417, -36.114, -40.228
Hunter-Lab	46.292, -14.946, -23.678
Binary	00010101, 10001010, 10101111

#158aaf
```
#158aaf rgb(21,138,175)
```
#af3a15
```
#af3a15 rgb(175,58,21)
```

Complementary Color

#15af87
```
#15af87 rgb(21,175,135)
```
#158aaf
```
#158aaf rgb(21,138,175)
```
#153daf
```
#153daf rgb(21,61,175)
```

Analogous Color

#af8715
```
#af8715 rgb(175,135,21)
```
#158aaf
```
#158aaf rgb(21,138,175)
```
#af153d
```
#af153d rgb(175,21,61)
```

Split Complementary Color

#8aaf15
```
#8aaf15 rgb(138,175,21)
```
#158aaf
```
#158aaf rgb(21,138,175)
```
#af158a
```
#af158a rgb(175,21,138)
```

Triadic Color

#15af3a
```
#15af3a rgb(21,175,58)
```
#158aaf
```
#158aaf rgb(21,138,175)
```
#af158a
```
#af158a rgb(175,21,138)
```
#af3a15
```
#af3a15 rgb(175,58,21)
```

Tetradic Color

#0d546b
```
#0d546b rgb(13,84,107)
```
#106681
```
#106681 rgb(16,102,129)
```
#127898
```
#127898 rgb(18,120,152)
```
#158aaf
```
#158aaf rgb(21,138,175)
```
#189cc6
```
#189cc6 rgb(24,156,198)
```
#1aaedd
```
#1aaedd rgb(26,174,221)
```
#2bb9e6
```
#2bb9e6 rgb(43,185,230)
```

Monochromatic Color

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

#15afae
```
#15afae rgb(21,175,174)
```
#15a4af
```
#15a4af rgb(21,164,175)
```
#1597af
```
#1597af rgb(21,151,175)
```
#158aaf
```
#158aaf rgb(21,138,175)
```
#157daf
```
#157daf rgb(21,125,175)
```
#1570af
```
#1570af rgb(21,112,175)
```
#1563af
```
#1563af rgb(21,99,175)
```

Similar Colors

Text with hexadecimal color #158aaf

This text has a font color of #158aaf.

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

#158aaf background color

This paragraph has a background color of #158aaf.

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

#158aaf border color

This element has a border color of #158aaf.

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

CSS codes

.text {color:#158aaf;}

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

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

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

#020e11
```
#020e11 rgb(2,14,17)
```
#041c23
```
#041c23 rgb(4,28,35)
```
#062934
```
#062934 rgb(6,41,52)
```
#083746
```
#083746 rgb(8,55,70)
```
#0a4557
```
#0a4557 rgb(10,69,87)
```
#0d5369
```
#0d5369 rgb(13,83,105)
```
#0f617a
```
#0f617a rgb(15,97,122)
```
#116e8c
```
#116e8c rgb(17,110,140)
```
#137c9d
```
#137c9d rgb(19,124,157)
```
#158aaf
```
#158aaf rgb(21,138,175)
```
#1798c1
```
#1798c1 rgb(23,152,193)
```
#19a6d2
```
#19a6d2 rgb(25,166,210)
```
#1bb3e4
```
#1bb3e4 rgb(27,179,228)
```

Shade Color Variation

#2db9e6
```
#2db9e6 rgb(45,185,230)
```
#3ebfe8
```
#3ebfe8 rgb(62,191,232)
```
#50c5ea
```
#50c5ea rgb(80,197,234)
```
#61cbec
```
#61cbec rgb(97,203,236)
```
#73d1ee
```
#73d1ee rgb(115,209,238)
```
#84d6f0
```
#84d6f0 rgb(132,214,240)
```
#96dcf2
```
#96dcf2 rgb(150,220,242)
```
#a7e2f4
```
#a7e2f4 rgb(167,226,244)
```
#b9e8f7
```
#b9e8f7 rgb(185,232,247)
```
#caeef9
```
#caeef9 rgb(202,238,249)
```
#dcf3fb
```
#dcf3fb rgb(220,243,251)
```
#edf9fd
```
#edf9fd rgb(237,249,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606364 is the less saturated color, while #0692be is the most saturated one.

#606364
```
#606364 rgb(96,99,100)
```
#59676b
```
#59676b rgb(89,103,107)
```
#516b73
```
#516b73 rgb(81,107,115)
```
#4a6f7a
```
#4a6f7a rgb(74,111,122)
```
#427382
```
#427382 rgb(66,115,130)
```
#3b7689
```
#3b7689 rgb(59,118,137)
```
#337a91
```
#337a91 rgb(51,122,145)
```
#2c7e98
```
#2c7e98 rgb(44,126,152)
```
#2482a0
```
#2482a0 rgb(36,130,160)
```
#1d86a7
```
#1d86a7 rgb(29,134,167)
```
#158aaf
```
#158aaf rgb(21,138,175)
```
#0d8eb7
```
#0d8eb7 rgb(13,142,183)
```
#0692be
```
#0692be rgb(6,146,190)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5a7179 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b84ab Protanopia 1% of men
#7384b7 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5586ac Protanomaly 1% of men, 0.01% of women
#5086b4 Deuteranomaly 6% of men, 0.4% of women
#078fa3 Tritanomaly 0.01% of the population

#158aaf hex color

#158aaf Color Information

#158aaf Color Conversion

Color Schemes with #158aaf

Alternatives to #158aaf

#158aaf Preview

Shades and Tints of #158aaf

Tones of #158aaf

Color Blindness Simulator