#86cc9f hex color

In a RGB color space, hex #86cc9f is composed of 52.5% red, 80% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 0% magenta, 22.1% yellow and 20% black. It has a hue angle of 141.4 degrees, a saturation of 40.7% and a lightness of 66.3%. #86cc9f color hex could be obtained by blending #ffffff with #0d993f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 80
- B 62
RGB color chart
- C 34
- M 0
- Y 22
- K 20
CMYK color chart

● #86cc9f color description : Slightly desaturated cyan - lime green.

The hexadecimal color #86cc9f has RGB values of R:134, G:204, B:159 and CMYK values of C:0.34, M:0, Y:0.22, K:0.2. Its decimal value is 8834207.

Hex triplet	86cc9f	`#86cc9f`
RGB Decimal	134, 204, 159	`rgb(134,204,159)`
RGB Percent	52.5, 80, 62.4	`rgb(52.5%,80%,62.4%)`
CMYK	34, 0, 22, 20
HSL	141.4°, 40.7, 66.3	`hsl(141.4,40.7%,66.3%)`
HSV (or HSB)	141.4°, 34.3, 80
Web Safe	99cc99	`#99cc99`

CIE-LAB	76.531, -31.532, 15.571
XYZ	37.68, 50.756, 40.61
xyY	0.292, 0.393, 50.756
CIE-LCH	76.531, 35.167, 153.719
CIE-LUV	76.531, -33.988, 27.588
Hunter-Lab	71.243, -30.266, 16.073
Binary	10000110, 11001100, 10011111

#86cc9f
```
#86cc9f rgb(134,204,159)
```
#cc86b3
```
#cc86b3 rgb(204,134,179)
```

Complementary Color

#90cc86
```
#90cc86 rgb(144,204,134)
```
#86cc9f
```
#86cc9f rgb(134,204,159)
```
#86ccc2
```
#86ccc2 rgb(134,204,194)
```

Analogous Color

#cc8690
```
#cc8690 rgb(204,134,144)
```
#86cc9f
```
#86cc9f rgb(134,204,159)
```
#c286cc
```
#c286cc rgb(194,134,204)
```

Split Complementary Color

#cc9f86
```
#cc9f86 rgb(204,159,134)
```
#86cc9f
```
#86cc9f rgb(134,204,159)
```
#9f86cc
```
#9f86cc rgb(159,134,204)
```

Triadic Color

#b3cc86
```
#b3cc86 rgb(179,204,134)
```
#86cc9f
```
#86cc9f rgb(134,204,159)
```
#9f86cc
```
#9f86cc rgb(159,134,204)
```
#cc86b3
```
#cc86b3 rgb(204,134,179)
```

Tetradic Color

#50b574
```
#50b574 rgb(80,181,116)
```
#62bd83
```
#62bd83 rgb(98,189,131)
```
#74c491
```
#74c491 rgb(116,196,145)
```
#86cc9f
```
#86cc9f rgb(134,204,159)
```
#98d4ad
```
#98d4ad rgb(152,212,173)
```
#aadbbb
```
#aadbbb rgb(170,219,187)
```
#bce3ca
```
#bce3ca rgb(188,227,202)
```

Monochromatic Color

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

#86cc8e
```
#86cc8e rgb(134,204,142)
```
#86cc93
```
#86cc93 rgb(134,204,147)
```
#86cc99
```
#86cc99 rgb(134,204,153)
```
#86cc9f
```
#86cc9f rgb(134,204,159)
```
#86cca5
```
#86cca5 rgb(134,204,165)
```
#86ccab
```
#86ccab rgb(134,204,171)
```
#86ccb1
```
#86ccb1 rgb(134,204,177)
```

Similar Colors

Text with hexadecimal color #86cc9f

This text has a font color of #86cc9f.

<span style="color:#86cc9f;">Text here</span>

#86cc9f background color

This paragraph has a background color of #86cc9f.

<p style="background-color:#86cc9f;">Content here</p>

#86cc9f border color

This element has a border color of #86cc9f.

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

CSS codes

.text {color:#86cc9f;}

.background {background-color:#86cc9f;}

.border {border:1px solid #86cc9f;}

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

#010302
```
#010302 rgb(1,3,2)
```
#07110b
```
#07110b rgb(7,17,11)
```
#0d1f13
```
#0d1f13 rgb(13,31,19)
```
#132d1c
```
#132d1c rgb(19,45,28)
```
#193a25
```
#193a25 rgb(25,58,37)
```
#1e482d
```
#1e482d rgb(30,72,45)
```
#245636
```
#245636 rgb(36,86,54)
```
#2a643f
```
#2a643f rgb(42,100,63)
```
#307247
```
#307247 rgb(48,114,71)
```
#367f50
```
#367f50 rgb(54,127,80)
```
#3c8d59
```
#3c8d59 rgb(60,141,89)
```
#419b61
```
#419b61 rgb(65,155,97)
```
#47a96a
```
#47a96a rgb(71,169,106)
```

Shade Color Variation

#4fb573
```
#4fb573 rgb(79,181,115)
```
#5dbb7e
```
#5dbb7e rgb(93,187,126)
```
#6ac089
```
#6ac089 rgb(106,192,137)
```
#78c694
```
#78c694 rgb(120,198,148)
```
#86cc9f
```
#86cc9f rgb(134,204,159)
```
#94d2aa
```
#94d2aa rgb(148,210,170)
```
#a2d8b5
```
#a2d8b5 rgb(162,216,181)
```
#afddc0
```
#afddc0 rgb(175,221,192)
```
#bde3cb
```
#bde3cb rgb(189,227,203)
```
#cbe9d6
```
#cbe9d6 rgb(203,233,214)
```
#d9efe1
```
#d9efe1 rgb(217,239,225)
```
#e7f5ec
```
#e7f5ec rgb(231,245,236)
```
#f4fbf7
```
#f4fbf7 rgb(244,251,247)
```

Tint Color Variation

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

#a7aba8
```
#a7aba8 rgb(167,171,168)
```
#a0b2a7
```
#a0b2a7 rgb(160,178,167)
```
#9ab8a5
```
#9ab8a5 rgb(154,184,165)
```
#93bfa3
```
#93bfa3 rgb(147,191,163)
```
#8dc5a1
```
#8dc5a1 rgb(141,197,161)
```
#86cc9f
```
#86cc9f rgb(134,204,159)
```
#7fd39d
```
#7fd39d rgb(127,211,157)
```
#79d99b
```
#79d99b rgb(121,217,155)
```
#72e099
```
#72e099 rgb(114,224,153)
```
#6ce697
```
#6ce697 rgb(108,230,151)
```
#65ed96
```
#65ed96 rgb(101,237,150)
```
#5ef494
```
#5ef494 rgb(94,244,148)
```
#58fa92
```
#58fa92 rgb(88,250,146)
```

Tone Color Variation

Below, you can see how #86cc9f 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

#b2b2b2 Achromatopsia 0.005% of the population
#a9b7ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbbf9d Protanopia 1% of men
#d9b9aa Deuteranopia 1% of men
#98c7d6 Tritanopia 0.001% of the population

Trichromacy

#b2c49d Protanomaly 1% of men, 0.01% of women
#bbc0a6 Deuteranomaly 6% of men, 0.4% of women
#92c9c2 Tritanomaly 0.01% of the population

#86cc9f hex color

#86cc9f Color Information

#86cc9f Color Conversion

Color Schemes with #86cc9f

Alternatives to #86cc9f

#86cc9f Preview

Shades and Tints of #86cc9f

Tones of #86cc9f

Color Blindness Simulator