#158f63 hex color

In a RGB color space, hex #158f63 is composed of 8.2% red, 56.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 0% magenta, 30.8% yellow and 43.9% black. It has a hue angle of 158.4 degrees, a saturation of 74.4% and a lightness of 32.2%. #158f63 color hex could be obtained by blending #2affc6 with #001f00. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 8
- G 56
- B 39
RGB color chart
- C 85
- M 0
- Y 31
- K 44
CMYK color chart

● #158f63 color description : Dark cyan - lime green.

The hexadecimal color #158f63 has RGB values of R:21, G:143, B:99 and CMYK values of C:0.85, M:0, Y:0.31, K:0.44. Its decimal value is 1412963.

Hex triplet	158f63	`#158f63`
RGB Decimal	21, 143, 99	`rgb(21,143,99)`
RGB Percent	8.2, 56.1, 38.8	`rgb(8.2%,56.1%,38.8%)`
CMYK	85, 0, 31, 44
HSL	158.4°, 74.4, 32.2	`hsl(158.4,74.4%,32.2%)`
HSV (or HSB)	158.4°, 85.3, 56.1
Web Safe	009966	`#009966`

CIE-LAB	52.624, -42.32, 14.686
XYZ	12.383, 20.704, 15.147
xyY	0.257, 0.429, 20.704
CIE-LCH	52.624, 44.796, 160.862
CIE-LUV	52.624, -43.362, 25.642
Hunter-Lab	45.502, -31.051, 12.114
Binary	00010101, 10001111, 01100011

#158f63
```
#158f63 rgb(21,143,99)
```
#8f1541
```
#8f1541 rgb(143,21,65)
```

Complementary Color

#158f26
```
#158f26 rgb(21,143,38)
```
#158f63
```
#158f63 rgb(21,143,99)
```
#157e8f
```
#157e8f rgb(21,126,143)
```

Analogous Color

#8f2615
```
#8f2615 rgb(143,38,21)
```
#158f63
```
#158f63 rgb(21,143,99)
```
#8f157e
```
#8f157e rgb(143,21,126)
```

Split Complementary Color

#8f6315
```
#8f6315 rgb(143,99,21)
```
#158f63
```
#158f63 rgb(21,143,99)
```
#63158f
```
#63158f rgb(99,21,143)
```

Triadic Color

#418f15
```
#418f15 rgb(65,143,21)
```
#158f63
```
#158f63 rgb(21,143,99)
```
#63158f
```
#63158f rgb(99,21,143)
```
#8f1541
```
#8f1541 rgb(143,21,65)
```

Tetradic Color

#0b4c35
```
#0b4c35 rgb(11,76,53)
```
#0e6344
```
#0e6344 rgb(14,99,68)
```
#127954
```
#127954 rgb(18,121,84)
```
#158f63
```
#158f63 rgb(21,143,99)
```
#18a572
```
#18a572 rgb(24,165,114)
```
#1cbb82
```
#1cbb82 rgb(28,187,130)
```
#1fd291
```
#1fd291 rgb(31,210,145)
```

Monochromatic Color

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

#158f45
```
#158f45 rgb(21,143,69)
```
#158f4f
```
#158f4f rgb(21,143,79)
```
#158f59
```
#158f59 rgb(21,143,89)
```
#158f63
```
#158f63 rgb(21,143,99)
```
#158f6d
```
#158f6d rgb(21,143,109)
```
#158f77
```
#158f77 rgb(21,143,119)
```
#158f82
```
#158f82 rgb(21,143,130)
```

Similar Colors

Text with hexadecimal color #158f63

This text has a font color of #158f63.

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

#158f63 background color

This paragraph has a background color of #158f63.

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

#158f63 border color

This element has a border color of #158f63.

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

CSS codes

.text {color:#158f63;}

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

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

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

#010604
```
#010604 rgb(1,6,4)
```
#031710
```
#031710 rgb(3,23,16)
```
#06281c
```
#06281c rgb(6,40,28)
```
#083928
```
#083928 rgb(8,57,40)
```
#0b4b34
```
#0b4b34 rgb(11,75,52)
```
#0d5c3f
```
#0d5c3f rgb(13,92,63)
```
#106d4b
```
#106d4b rgb(16,109,75)
```
#127e57
```
#127e57 rgb(18,126,87)
```
#158f63
```
#158f63 rgb(21,143,99)
```
#18a06f
```
#18a06f rgb(24,160,111)
```
#1ab17b
```
#1ab17b rgb(26,177,123)
```
#1dc287
```
#1dc287 rgb(29,194,135)
```
#1fd392
```
#1fd392 rgb(31,211,146)
```

Shade Color Variation

#27df9d
```
#27df9d rgb(39,223,157)
```
#38e2a5
```
#38e2a5 rgb(56,226,165)
```
#49e4ac
```
#49e4ac rgb(73,228,172)
```
#5ae7b4
```
#5ae7b4 rgb(90,231,180)
```
#6be9bc
```
#6be9bc rgb(107,233,188)
```
#7cecc4
```
#7cecc4 rgb(124,236,196)
```
#8deecb
```
#8deecb rgb(141,238,203)
```
#9ff1d3
```
#9ff1d3 rgb(159,241,211)
```
#b0f3db
```
#b0f3db rgb(176,243,219)
```
#c1f6e3
```
#c1f6e3 rgb(193,246,227)
```
#d2f8ea
```
#d2f8ea rgb(210,248,234)
```
#e3fbf2
```
#e3fbf2 rgb(227,251,242)
```
#f4fdfa
```
#f4fdfa rgb(244,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5653 is the less saturated color, while #02a268 is the most saturated one.

#4e5653
```
#4e5653 rgb(78,86,83)
```
#475d55
```
#475d55 rgb(71,93,85)
```
#416357
```
#416357 rgb(65,99,87)
```
#3b6958
```
#3b6958 rgb(59,105,88)
```
#356f5a
```
#356f5a rgb(53,111,90)
```
#2e765c
```
#2e765c rgb(46,118,92)
```
#287c5e
```
#287c5e rgb(40,124,94)
```
#22825f
```
#22825f rgb(34,130,95)
```
#1b8961
```
#1b8961 rgb(27,137,97)
```
#158f63
```
#158f63 rgb(21,143,99)
```
#0f9565
```
#0f9565 rgb(15,149,101)
```
#089c67
```
#089c67 rgb(8,156,103)
```
#02a268
```
#02a268 rgb(2,162,104)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#566e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8463 Protanopia 1% of men
#977f72 Deuteranopia 1% of men
#408e99 Tritanopia 0.001% of the population

Trichromacy

#618863 Protanomaly 1% of men, 0.01% of women
#67856c Deuteranomaly 6% of men, 0.4% of women
#308e85 Tritanomaly 0.01% of the population

#158f63 hex color

#158f63 Color Information

#158f63 Color Conversion

Color Schemes with #158f63

Alternatives to #158f63

#158f63 Preview

Shades and Tints of #158f63

Tones of #158f63

Color Blindness Simulator