#86cc9c hex color

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

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

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

The hexadecimal color #86cc9c has RGB values of R:134, G:204, B:156 and CMYK values of C:0.34, M:0, Y:0.24, K:0.2. Its decimal value is 8834204.

Hex triplet	86cc9c	`#86cc9c`
RGB Decimal	134, 204, 156	`rgb(134,204,156)`
RGB Percent	52.5, 80, 61.2	`rgb(52.5%,80%,61.2%)`
CMYK	34, 0, 24, 20
HSL	138.9°, 40.7, 66.3	`hsl(138.9,40.7%,66.3%)`
HSV (or HSB)	138.9°, 34.3, 80
Web Safe	99cc99	`#99cc99`

CIE-LAB	76.468, -32.1, 17.082
XYZ	37.423, 50.653, 39.256
xyY	0.294, 0.398, 50.653
CIE-LCH	76.468, 36.362, 151.98
CIE-LUV	76.468, -34.035, 29.721
Hunter-Lab	71.171, -30.689, 17.117
Binary	10000110, 11001100, 10011100

#86cc9c
```
#86cc9c rgb(134,204,156)
```
#cc86b6
```
#cc86b6 rgb(204,134,182)
```

Complementary Color

#93cc86
```
#93cc86 rgb(147,204,134)
```
#86cc9c
```
#86cc9c rgb(134,204,156)
```
#86ccbf
```
#86ccbf rgb(134,204,191)
```

Analogous Color

#cc8693
```
#cc8693 rgb(204,134,147)
```
#86cc9c
```
#86cc9c rgb(134,204,156)
```
#bf86cc
```
#bf86cc rgb(191,134,204)
```

Split Complementary Color

#cc9c86
```
#cc9c86 rgb(204,156,134)
```
#86cc9c
```
#86cc9c rgb(134,204,156)
```
#9c86cc
```
#9c86cc rgb(156,134,204)
```

Triadic Color

#b6cc86
```
#b6cc86 rgb(182,204,134)
```
#86cc9c
```
#86cc9c rgb(134,204,156)
```
#9c86cc
```
#9c86cc rgb(156,134,204)
```
#cc86b6
```
#cc86b6 rgb(204,134,182)
```

Tetradic Color

#50b570
```
#50b570 rgb(80,181,112)
```
#62bd7f
```
#62bd7f rgb(98,189,127)
```
#74c48d
```
#74c48d rgb(116,196,141)
```
#86cc9c
```
#86cc9c rgb(134,204,156)
```
#98d4ab
```
#98d4ab rgb(152,212,171)
```
#aadbb9
```
#aadbb9 rgb(170,219,185)
```
#bce3c8
```
#bce3c8 rgb(188,227,200)
```

Monochromatic Color

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

#86cc8b
```
#86cc8b rgb(134,204,139)
```
#86cc90
```
#86cc90 rgb(134,204,144)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```
#86cc9c
```
#86cc9c rgb(134,204,156)
```
#86cca2
```
#86cca2 rgb(134,204,162)
```
#86cca8
```
#86cca8 rgb(134,204,168)
```
#86ccae
```
#86ccae rgb(134,204,174)
```

Similar Colors

Text with hexadecimal color #86cc9c

This text has a font color of #86cc9c.

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

#86cc9c background color

This paragraph has a background color of #86cc9c.

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

#86cc9c border color

This element has a border color of #86cc9c.

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

CSS codes

.text {color:#86cc9c;}

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

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

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 #f4fbf6 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#07110a
```
#07110a rgb(7,17,10)
```
#0d1f13
```
#0d1f13 rgb(13,31,19)
```
#132d1b
```
#132d1b rgb(19,45,27)
```
#193a23
```
#193a23 rgb(25,58,35)
```
#1e482c
```
#1e482c rgb(30,72,44)
```
#245634
```
#245634 rgb(36,86,52)
```
#2a643c
```
#2a643c rgb(42,100,60)
```
#307245
```
#307245 rgb(48,114,69)
```
#367f4d
```
#367f4d rgb(54,127,77)
```
#3c8d55
```
#3c8d55 rgb(60,141,85)
```
#419b5e
```
#419b5e rgb(65,155,94)
```
#47a966
```
#47a966 rgb(71,169,102)
```

Shade Color Variation

#4fb56f
```
#4fb56f rgb(79,181,111)
```
#5dbb7a
```
#5dbb7a rgb(93,187,122)
```
#6ac085
```
#6ac085 rgb(106,192,133)
```
#78c691
```
#78c691 rgb(120,198,145)
```
#86cc9c
```
#86cc9c rgb(134,204,156)
```
#94d2a7
```
#94d2a7 rgb(148,210,167)
```
#a2d8b3
```
#a2d8b3 rgb(162,216,179)
```
#afddbe
```
#afddbe rgb(175,221,190)
```
#bde3c9
```
#bde3c9 rgb(189,227,201)
```
#cbe9d4
```
#cbe9d4 rgb(203,233,212)
```
#d9efe0
```
#d9efe0 rgb(217,239,224)
```
#e7f5eb
```
#e7f5eb rgb(231,245,235)
```
#f4fbf6
```
#f4fbf6 rgb(244,251,246)
```

Tint Color Variation

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

#a7aba8
```
#a7aba8 rgb(167,171,168)
```
#a0b2a6
```
#a0b2a6 rgb(160,178,166)
```
#9ab8a3
```
#9ab8a3 rgb(154,184,163)
```
#93bfa1
```
#93bfa1 rgb(147,191,161)
```
#8dc59e
```
#8dc59e rgb(141,197,158)
```
#86cc9c
```
#86cc9c rgb(134,204,156)
```
#7fd39a
```
#7fd39a rgb(127,211,154)
```
#79d997
```
#79d997 rgb(121,217,151)
```
#72e095
```
#72e095 rgb(114,224,149)
```
#6ce692
```
#6ce692 rgb(108,230,146)
```
#65ed90
```
#65ed90 rgb(101,237,144)
```
#5ef48d
```
#5ef48d rgb(94,244,141)
```
#58fa8b
```
#58fa8b rgb(88,250,139)
```

Tone Color Variation

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

#cbbf9a Protanopia 1% of men
#dab9a8 Deuteranopia 1% of men
#99c7d5 Tritanopia 0.001% of the population

Trichromacy

#b2c49b Protanomaly 1% of men, 0.01% of women
#bbc0a3 Deuteranomaly 6% of men, 0.4% of women
#92c9c0 Tritanomaly 0.01% of the population

#86cc9c hex color

#86cc9c Color Information

#86cc9c Color Conversion

Color Schemes with #86cc9c

Alternatives to #86cc9c

#86cc9c Preview

Shades and Tints of #86cc9c

Tones of #86cc9c

Color Blindness Simulator