#86cc96 hex color

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

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

● #86cc96 color description : Slightly desaturated lime green.

The hexadecimal color #86cc96 has RGB values of R:134, G:204, B:150 and CMYK values of C:0.34, M:0, Y:0.26, K:0.2. Its decimal value is 8834198.

Hex triplet	86cc96	`#86cc96`
RGB Decimal	134, 204, 150	`rgb(134,204,150)`
RGB Percent	52.5, 80, 58.8	`rgb(52.5%,80%,58.8%)`
CMYK	34, 0, 26, 20
HSL	133.7°, 40.7, 66.3	`hsl(133.7,40.7%,66.3%)`
HSV (or HSB)	133.7°, 34.3, 80
Web Safe	99cc99	`#99cc99`

CIE-LAB	76.347, -33.205, 20.102
XYZ	36.928, 50.454, 36.645
xyY	0.298, 0.407, 50.454
CIE-LCH	76.347, 38.815, 148.81
CIE-LUV	76.347, -34.128, 33.898
Hunter-Lab	71.031, -31.507, 19.134
Binary	10000110, 11001100, 10010110

#86cc96
```
#86cc96 rgb(134,204,150)
```
#cc86bc
```
#cc86bc rgb(204,134,188)
```

Complementary Color

#99cc86
```
#99cc86 rgb(153,204,134)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```
#86ccb9
```
#86ccb9 rgb(134,204,185)
```

Analogous Color

#cc8699
```
#cc8699 rgb(204,134,153)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```
#b986cc
```
#b986cc rgb(185,134,204)
```

Split Complementary Color

#cc9686
```
#cc9686 rgb(204,150,134)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```
#9686cc
```
#9686cc rgb(150,134,204)
```

Triadic Color

#bccc86
```
#bccc86 rgb(188,204,134)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```
#9686cc
```
#9686cc rgb(150,134,204)
```
#cc86bc
```
#cc86bc rgb(204,134,188)
```

Tetradic Color

#50b567
```
#50b567 rgb(80,181,103)
```
#62bd77
```
#62bd77 rgb(98,189,119)
```
#74c486
```
#74c486 rgb(116,196,134)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```
#98d4a6
```
#98d4a6 rgb(152,212,166)
```
#aadbb5
```
#aadbb5 rgb(170,219,181)
```
#bce3c5
```
#bce3c5 rgb(188,227,197)
```

Monochromatic Color

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

#88cc86
```
#88cc86 rgb(136,204,134)
```
#86cc8a
```
#86cc8a rgb(134,204,138)
```
#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)
```

Similar Colors

Text with hexadecimal color #86cc96

This text has a font color of #86cc96.

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

#86cc96 background color

This paragraph has a background color of #86cc96.

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

#86cc96 border color

This element has a border color of #86cc96.

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

CSS codes

.text {color:#86cc96;}

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

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

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)
```
#071109
```
#071109 rgb(7,17,9)
```
#0d1f11
```
#0d1f11 rgb(13,31,17)
```
#132d19
```
#132d19 rgb(19,45,25)
```
#193a20
```
#193a20 rgb(25,58,32)
```
#1e4828
```
#1e4828 rgb(30,72,40)
```
#245630
```
#245630 rgb(36,86,48)
```
#2a6437
```
#2a6437 rgb(42,100,55)
```
#30723f
```
#30723f rgb(48,114,63)
```
#367f47
```
#367f47 rgb(54,127,71)
```
#3c8d4e
```
#3c8d4e rgb(60,141,78)
```
#419b56
```
#419b56 rgb(65,155,86)
```
#47a95d
```
#47a95d rgb(71,169,93)
```

Shade Color Variation

#4fb566
```
#4fb566 rgb(79,181,102)
```
#5dbb72
```
#5dbb72 rgb(93,187,114)
```
#6ac07e
```
#6ac07e rgb(106,192,126)
```
#78c68a
```
#78c68a rgb(120,198,138)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```
#94d2a2
```
#94d2a2 rgb(148,210,162)
```
#a2d8ae
```
#a2d8ae rgb(162,216,174)
```
#afddba
```
#afddba rgb(175,221,186)
```
#bde3c6
```
#bde3c6 rgb(189,227,198)
```
#cbe9d2
```
#cbe9d2 rgb(203,233,210)
```
#d9efde
```
#d9efde rgb(217,239,222)
```
#e7f5ea
```
#e7f5ea rgb(231,245,234)
```
#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 #58fa7d is the most saturated one.

#a7aba8
```
#a7aba8 rgb(167,171,168)
```
#a0b2a4
```
#a0b2a4 rgb(160,178,164)
```
#9ab8a1
```
#9ab8a1 rgb(154,184,161)
```
#93bf9d
```
#93bf9d rgb(147,191,157)
```
#8dc59a
```
#8dc59a rgb(141,197,154)
```
#86cc96
```
#86cc96 rgb(134,204,150)
```
#7fd392
```
#7fd392 rgb(127,211,146)
```
#79d98f
```
#79d98f rgb(121,217,143)
```
#72e08b
```
#72e08b rgb(114,224,139)
```
#6ce688
```
#6ce688 rgb(108,230,136)
```
#65ed84
```
#65ed84 rgb(101,237,132)
```
#5ef480
```
#5ef480 rgb(94,244,128)
```
#58fa7d
```
#58fa7d rgb(88,250,125)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a8b6ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbf94 Protanopia 1% of men
#dcb8a2 Deuteranopia 1% of men
#9ac6d5 Tritanopia 0.001% of the population

Trichromacy

#b2c495 Protanomaly 1% of men, 0.01% of women
#bcbf9e Deuteranomaly 6% of men, 0.4% of women
#92c8be Tritanomaly 0.01% of the population

#86cc96 hex color

#86cc96 Color Information

#86cc96 Color Conversion

Color Schemes with #86cc96

Alternatives to #86cc96

#86cc96 Preview

Shades and Tints of #86cc96

Tones of #86cc96

Color Blindness Simulator