#158fa3 hex color

In a RGB color space, hex #158fa3 is composed of 8.2% red, 56.1% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 12.3% magenta, 0% yellow and 36.1% black. It has a hue angle of 188.5 degrees, a saturation of 77.2% and a lightness of 36.1%. #158fa3 color hex could be obtained by blending #2affff with #001f47. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 8
- G 56
- B 64
RGB color chart
- C 87
- M 12
- Y 0
- K 36
CMYK color chart

● #158fa3 color description : Dark cyan.

The hexadecimal color #158fa3 has RGB values of R:21, G:143, B:163 and CMYK values of C:0.87, M:0.12, Y:0, K:0.36. Its decimal value is 1413027.

Hex triplet	158fa3	`#158fa3`
RGB Decimal	21, 143, 163	`rgb(21,143,163)`
RGB Percent	8.2, 56.1, 63.9	`rgb(8.2%,56.1%,63.9%)`
CMYK	87, 12, 0, 36
HSL	188.5°, 77.2, 36.1	`hsl(188.5,77.2%,36.1%)`
HSV (or HSB)	188.5°, 87.1, 63.9
Web Safe	009999	`#009999`

CIE-LAB	54.498, -23.598, -19.385
XYZ	16.741, 22.447, 38.099
xyY	0.217, 0.29, 22.447
CIE-LCH	54.498, 30.539, 219.401
CIE-LUV	54.498, -38.738, -25.806
Hunter-Lab	47.378, -19.841, -14.513
Binary	00010101, 10001111, 10100011

#158fa3
```
#158fa3 rgb(21,143,163)
```
#a32915
```
#a32915 rgb(163,41,21)
```

Complementary Color

#15a370
```
#15a370 rgb(21,163,112)
```
#158fa3
```
#158fa3 rgb(21,143,163)
```
#1548a3
```
#1548a3 rgb(21,72,163)
```

Analogous Color

#a37015
```
#a37015 rgb(163,112,21)
```
#158fa3
```
#158fa3 rgb(21,143,163)
```
#a31548
```
#a31548 rgb(163,21,72)
```

Split Complementary Color

#8fa315
```
#8fa315 rgb(143,163,21)
```
#158fa3
```
#158fa3 rgb(21,143,163)
```
#a3158f
```
#a3158f rgb(163,21,143)
```

Triadic Color

#15a329
```
#15a329 rgb(21,163,41)
```
#158fa3
```
#158fa3 rgb(21,143,163)
```
#a3158f
```
#a3158f rgb(163,21,143)
```
#a32915
```
#a32915 rgb(163,41,21)
```

Tetradic Color

#0c545f
```
#0c545f rgb(12,84,95)
```
#0f6776
```
#0f6776 rgb(15,103,118)
```
#127b8c
```
#127b8c rgb(18,123,140)
```
#158fa3
```
#158fa3 rgb(21,143,163)
```
#18a3ba
```
#18a3ba rgb(24,163,186)
```
#1bb7d0
```
#1bb7d0 rgb(27,183,208)
```
#22c7e3
```
#22c7e3 rgb(34,199,227)
```

Monochromatic Color

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

#15a394
```
#15a394 rgb(21,163,148)
```
#15a39f
```
#15a39f rgb(21,163,159)
```
#159ba3
```
#159ba3 rgb(21,155,163)
```
#158fa3
```
#158fa3 rgb(21,143,163)
```
#1583a3
```
#1583a3 rgb(21,131,163)
```
#1577a3
```
#1577a3 rgb(21,119,163)
```
#156ca3
```
#156ca3 rgb(21,108,163)
```

Similar Colors

Text with hexadecimal color #158fa3

This text has a font color of #158fa3.

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

#158fa3 background color

This paragraph has a background color of #158fa3.

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

#158fa3 border color

This element has a border color of #158fa3.

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

CSS codes

.text {color:#158fa3;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#031518
```
#031518 rgb(3,21,24)
```
#052429
```
#052429 rgb(5,36,41)
```
#08343b
```
#08343b rgb(8,52,59)
```
#0a434c
```
#0a434c rgb(10,67,76)
```
#0c525d
```
#0c525d rgb(12,82,93)
```
#0e616f
```
#0e616f rgb(14,97,111)
```
#117180
```
#117180 rgb(17,113,128)
```
#138092
```
#138092 rgb(19,128,146)
```
#158fa3
```
#158fa3 rgb(21,143,163)
```
#179eb4
```
#179eb4 rgb(23,158,180)
```
#19adc6
```
#19adc6 rgb(25,173,198)
```
#1cbdd7
```
#1cbdd7 rgb(28,189,215)
```

Shade Color Variation

#24c8e3
```
#24c8e3 rgb(36,200,227)
```
#35cce5
```
#35cce5 rgb(53,204,229)
```
#46d1e7
```
#46d1e7 rgb(70,209,231)
```
#58d5e9
```
#58d5e9 rgb(88,213,233)
```
#69d9ec
```
#69d9ec rgb(105,217,236)
```
#7bdeee
```
#7bdeee rgb(123,222,238)
```
#8ce2f0
```
#8ce2f0 rgb(140,226,240)
```
#9de6f2
```
#9de6f2 rgb(157,230,242)
```
#afebf5
```
#afebf5 rgb(175,235,245)
```
#c0eff7
```
#c0eff7 rgb(192,239,247)
```
#d1f4f9
```
#d1f4f9 rgb(209,244,249)
```
#e3f8fb
```
#e3f8fb rgb(227,248,251)
```
#f4fcfe
```
#f4fcfe rgb(244,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5c5c is the less saturated color, while #0799b1 is the most saturated one.

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#556163
```
#556163 rgb(85,97,99)
```
#4e666a
```
#4e666a rgb(78,102,106)
```
#476b71
```
#476b71 rgb(71,107,113)
```
#3f7079
```
#3f7079 rgb(63,112,121)
```
#387680
```
#387680 rgb(56,118,128)
```
#317b87
```
#317b87 rgb(49,123,135)
```
#2a808e
```
#2a808e rgb(42,128,142)
```
#238595
```
#238595 rgb(35,133,149)
```
#1c8a9c
```
#1c8a9c rgb(28,138,156)
```
#158fa3
```
#158fa3 rgb(21,143,163)
```
#0e94aa
```
#0e94aa rgb(14,148,170)
```
#0799b1
```
#0799b1 rgb(7,153,177)
```

Tone Color Variation

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

Dichromacy

#83879f Protanopia 1% of men
#8086ad Deuteranopia 1% of men
#1096a1 Tritanopia 0.001% of the population

Trichromacy

#5b8aa0 Protanomaly 1% of men, 0.01% of women
#5989a9 Deuteranomaly 6% of men, 0.4% of women
#1293a1 Tritanomaly 0.01% of the population

#158fa3 hex color

#158fa3 Color Information

#158fa3 Color Conversion

Color Schemes with #158fa3

Alternatives to #158fa3

#158fa3 Preview

Shades and Tints of #158fa3

Tones of #158fa3

Color Blindness Simulator