colorhexa.com

#158c9f hex color

In a RGB color space, hex #158c9f is composed of 8.2% red, 54.9% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 11.9% magenta, 0% yellow and 37.6% black. It has a hue angle of 188.3 degrees, a saturation of 76.7% and a lightness of 35.3%. #158c9f color hex could be obtained by blending #2affff with #00193f. Closest websafe color is: #009999.

- R 8
- G 55
- B 62
RGB color chart
- C 87
- M 12
- Y 0
- K 38
CMYK color chart

● #158c9f color description : Dark cyan.

The hexadecimal color #158c9f has RGB values of R:21, G:140, B:159 and CMYK values of C:0.87, M:0.12, Y:0, K:0.38. Its decimal value is 1412255.

Hex triplet	158c9f	`#158c9f`
RGB Decimal	21, 140, 159	`rgb(21,140,159)`
RGB Percent	8.2, 54.9, 62.4	`rgb(8.2%,54.9%,62.4%)`
CMYK	87, 12, 0, 38
HSL	188.3°, 76.7, 35.3	`hsl(188.3,76.7%,35.3%)`
HSV (or HSB)	188.3°, 86.8, 62.4
Web Safe	009999	`#009999`

CIE-LAB	53.403, -23.399, -18.754
XYZ	15.944, 21.417, 36.093
xyY	0.217, 0.292, 21.417
CIE-LCH	53.403, 29.987, 218.712
CIE-LUV	53.403, -37.962, -24.746
Hunter-Lab	46.279, -19.493, -13.845
Binary	00010101, 10001100, 10011111

#158c9f
```
#158c9f rgb(21,140,159)
```
#9f2815
```
#9f2815 rgb(159,40,21)
```

Complementary Color

#159f6d
```
#159f6d rgb(21,159,109)
```
#158c9f
```
#158c9f rgb(21,140,159)
```
#15479f
```
#15479f rgb(21,71,159)
```

Analogous Color

#9f6d15
```
#9f6d15 rgb(159,109,21)
```
#158c9f
```
#158c9f rgb(21,140,159)
```
#9f1547
```
#9f1547 rgb(159,21,71)
```

Split Complementary Color

#8c9f15
```
#8c9f15 rgb(140,159,21)
```
#158c9f
```
#158c9f rgb(21,140,159)
```
#9f158c
```
#9f158c rgb(159,21,140)
```

Triadic Color

#159f28
```
#159f28 rgb(21,159,40)
```
#158c9f
```
#158c9f rgb(21,140,159)
```
#9f158c
```
#9f158c rgb(159,21,140)
```
#9f2815
```
#9f2815 rgb(159,40,21)
```

Tetradic Color

#0c515b
```
#0c515b rgb(12,81,91)
```
#0f6472
```
#0f6472 rgb(15,100,114)
```
#127888
```
#127888 rgb(18,120,136)
```
#158c9f
```
#158c9f rgb(21,140,159)
```
#18a0b6
```
#18a0b6 rgb(24,160,182)
```
#1bb4cc
```
#1bb4cc rgb(27,180,204)
```
#1fc7e1
```
#1fc7e1 rgb(31,199,225)
```

Monochromatic Color

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

#159f90
```
#159f90 rgb(21,159,144)
```
#159f9b
```
#159f9b rgb(21,159,155)
```
#15989f
```
#15989f rgb(21,152,159)
```
#158c9f
```
#158c9f rgb(21,140,159)
```
#15819f
```
#15819f rgb(21,129,159)
```
#15759f
```
#15759f rgb(21,117,159)
```
#156a9f
```
#156a9f rgb(21,106,159)
```

Similar Colors

Text with hexadecimal color #158c9f

This text has a font color of #158c9f.

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

#158c9f background color

This paragraph has a background color of #158c9f.

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

#158c9f border color

This element has a border color of #158c9f.

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

CSS codes

.text {color:#158c9f;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#031214
```
#031214 rgb(3,18,20)
```
#052126
```
#052126 rgb(5,33,38)
```
#073037
```
#073037 rgb(7,48,55)
```
#0a4048
```
#0a4048 rgb(10,64,72)
```
#0c4f5a
```
#0c4f5a rgb(12,79,90)
```
#0e5e6b
```
#0e5e6b rgb(14,94,107)
```
#106d7c
```
#106d7c rgb(16,109,124)
```
#137d8e
```
#137d8e rgb(19,125,142)
```
#158c9f
```
#158c9f rgb(21,140,159)
```
#179bb0
```
#179bb0 rgb(23,155,176)
```
#1aabc2
```
#1aabc2 rgb(26,171,194)
```
#1cbad3
```
#1cbad3 rgb(28,186,211)
```

Shade Color Variation

#21c7e2
```
#21c7e2 rgb(33,199,226)
```
#32cbe4
```
#32cbe4 rgb(50,203,228)
```
#43d0e6
```
#43d0e6 rgb(67,208,230)
```
#55d4e9
```
#55d4e9 rgb(85,212,233)
```
#66d9eb
```
#66d9eb rgb(102,217,235)
```
#77dded
```
#77dded rgb(119,221,237)
```
#89e1ef
```
#89e1ef rgb(137,225,239)
```
#9ae6f2
```
#9ae6f2 rgb(154,230,242)
```
#abeaf4
```
#abeaf4 rgb(171,234,244)
```
#bdeef6
```
#bdeef6 rgb(189,238,246)
```
#cef3f9
```
#cef3f9 rgb(206,243,249)
```
#dff7fb
```
#dff7fb rgb(223,247,251)
```
#f1fbfd
```
#f1fbfd rgb(241,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535f61 is the less saturated color, while #009bb4 is the most saturated one.

#535f61
```
#535f61 rgb(83,95,97)
```
#4c6468
```
#4c6468 rgb(76,100,104)
```
#45696f
```
#45696f rgb(69,105,111)
```
#3f6e75
```
#3f6e75 rgb(63,110,117)
```
#38737c
```
#38737c rgb(56,115,124)
```
#317883
```
#317883 rgb(49,120,131)
```
#2a7d8a
```
#2a7d8a rgb(42,125,138)
```
#238291
```
#238291 rgb(35,130,145)
```
#1c8798
```
#1c8798 rgb(28,135,152)
```
#158c9f
```
#158c9f rgb(21,140,159)
```
#0e91a6
```
#0e91a6 rgb(14,145,166)
```
#0796ad
```
#0796ad rgb(7,150,173)
```
#009bb4
```
#009bb4 rgb(0,155,180)
```

Tone Color Variation

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

Dichromacy

#81859b Protanopia 1% of men
#7e84a9 Deuteranopia 1% of men
#13939d Tritanopia 0.001% of the population

Trichromacy

#59879d Protanomaly 1% of men, 0.01% of women
#5886a5 Deuteranomaly 6% of men, 0.4% of women
#14909e Tritanomaly 0.01% of the population