#86c86f hex color

In a RGB color space, hex #86c86f is composed of 52.5% red, 78.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 33% cyan, 0% magenta, 44.5% yellow and 21.6% black. It has a hue angle of 104.5 degrees, a saturation of 44.7% and a lightness of 61%. #86c86f color hex could be obtained by blending #ffffde with #0d9100. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 53
- G 78
- B 44
RGB color chart
- C 33
- M 0
- Y 45
- K 22
CMYK color chart

● #86c86f color description : Slightly desaturated green.

The hexadecimal color #86c86f has RGB values of R:134, G:200, B:111 and CMYK values of C:0.33, M:0, Y:0.45, K:0.22. Its decimal value is 8833135.

Hex triplet	86c86f	`#86c86f`
RGB Decimal	134, 200, 111	`rgb(134,200,111)`
RGB Percent	52.5, 78.4, 43.5	`rgb(52.5%,78.4%,43.5%)`
CMYK	33, 0, 45, 22
HSL	104.5°, 44.7, 61	`hsl(104.5,44.7%,61%)`
HSV (or HSB)	104.5°, 44.5, 78.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.523, -37.513, 37.914
XYZ	33.354, 47.523, 22.454
xyY	0.323, 0.46, 47.523
CIE-LCH	74.523, 53.336, 134.695
CIE-LUV	74.523, -32.795, 55.597
Hunter-Lab	68.937, -34.276, 28.945
Binary	10000110, 11001000, 01101111

#86c86f
```
#86c86f rgb(134,200,111)
```
#b16fc8
```
#b16fc8 rgb(177,111,200)
```

Complementary Color

#b3c86f
```
#b3c86f rgb(179,200,111)
```
#86c86f
```
#86c86f rgb(134,200,111)
```
#6fc885
```
#6fc885 rgb(111,200,133)
```

Analogous Color

#c86fb3
```
#c86fb3 rgb(200,111,179)
```
#86c86f
```
#86c86f rgb(134,200,111)
```
#856fc8
```
#856fc8 rgb(133,111,200)
```

Split Complementary Color

#c86f86
```
#c86f86 rgb(200,111,134)
```
#86c86f
```
#86c86f rgb(134,200,111)
```
#6f86c8
```
#6f86c8 rgb(111,134,200)
```

Triadic Color

#c8b16f
```
#c8b16f rgb(200,177,111)
```
#86c86f
```
#86c86f rgb(134,200,111)
```
#6f86c8
```
#6f86c8 rgb(111,134,200)
```
#b16fc8
```
#b16fc8 rgb(177,111,200)
```

Tetradic Color

#5caa41
```
#5caa41 rgb(92,170,65)
```
#67ba4a
```
#67ba4a rgb(103,186,74)
```
#76c15d
```
#76c15d rgb(118,193,93)
```
#86c86f
```
#86c86f rgb(134,200,111)
```
#96cf81
```
#96cf81 rgb(150,207,129)
```
#a5d694
```
#a5d694 rgb(165,214,148)
```
#b5dda6
```
#b5dda6 rgb(181,221,166)
```

Monochromatic Color

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

#9cc86f
```
#9cc86f rgb(156,200,111)
```
#95c86f
```
#95c86f rgb(149,200,111)
```
#8dc86f
```
#8dc86f rgb(141,200,111)
```
#86c86f
```
#86c86f rgb(134,200,111)
```
#7fc86f
```
#7fc86f rgb(127,200,111)
```
#77c86f
```
#77c86f rgb(119,200,111)
```
#70c86f
```
#70c86f rgb(112,200,111)
```

Similar Colors

Text with hexadecimal color #86c86f

This text has a font color of #86c86f.

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

#86c86f background color

This paragraph has a background color of #86c86f.

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

#86c86f border color

This element has a border color of #86c86f.

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

CSS codes

.text {color:#86c86f;}

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

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

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, #070c05 is the darkest color, while #fdfefd is the lightest one.

#070c05
```
#070c05 rgb(7,12,5)
```
#0e1a0a
```
#0e1a0a rgb(14,26,10)
```
#16290f
```
#16290f rgb(22,41,15)
```
#1e3715
```
#1e3715 rgb(30,55,21)
```
#25451a
```
#25451a rgb(37,69,26)
```
#2d5320
```
#2d5320 rgb(45,83,32)
```
#356125
```
#356125 rgb(53,97,37)
```
#3c6f2b
```
#3c6f2b rgb(60,111,43)
```
#447e30
```
#447e30 rgb(68,126,48)
```
#4c8c35
```
#4c8c35 rgb(76,140,53)
```
#539a3b
```
#539a3b rgb(83,154,59)
```
#5ba840
```
#5ba840 rgb(91,168,64)
```
#63b646
```
#63b646 rgb(99,182,70)
```

Shade Color Variation

#6ebd53
```
#6ebd53 rgb(110,189,83)
```
#7ac361
```
#7ac361 rgb(122,195,97)
```
#86c86f
```
#86c86f rgb(134,200,111)
```
#92cd7d
```
#92cd7d rgb(146,205,125)
```
#9ed38b
```
#9ed38b rgb(158,211,139)
```
#aad89a
```
#aad89a rgb(170,216,154)
```
#b6dea8
```
#b6dea8 rgb(182,222,168)
```
#c2e3b6
```
#c2e3b6 rgb(194,227,182)
```
#cee9c4
```
#cee9c4 rgb(206,233,196)
```
#d9eed2
```
#d9eed2 rgb(217,238,210)
```
#e5f3e1
```
#e5f3e1 rgb(229,243,225)
```
#f1f9ef
```
#f1f9ef rgb(241,249,239)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98a295 is the less saturated color, while #6cfe39 is the most saturated one.

#98a295
```
#98a295 rgb(152,162,149)
```
#95a98e
```
#95a98e rgb(149,169,142)
```
#91b186
```
#91b186 rgb(145,177,134)
```
#8db97e
```
#8db97e rgb(141,185,126)
```
#8ac077
```
#8ac077 rgb(138,192,119)
```
#86c86f
```
#86c86f rgb(134,200,111)
```
#82d067
```
#82d067 rgb(130,208,103)
```
#7fd760
```
#7fd760 rgb(127,215,96)
```
#7bdf58
```
#7bdf58 rgb(123,223,88)
```
#77e750
```
#77e750 rgb(119,231,80)
```
#74ee49
```
#74ee49 rgb(116,238,73)
```
#70f641
```
#70f641 rgb(112,246,65)
```
#6cfe39
```
#6cfe39 rgb(108,254,57)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a3b09e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbb70 Protanopia 1% of men
#dfb37e Deuteranopia 1% of men
#9dc0ce Tritanopia 0.001% of the population

Trichromacy

#b2bf70 Protanomaly 1% of men, 0.01% of women
#beba78 Deuteranomaly 6% of men, 0.4% of women
#95c3ab Tritanomaly 0.01% of the population

#86c86f hex color

#86c86f Color Information

#86c86f Color Conversion

Color Schemes with #86c86f

Alternatives to #86c86f

#86c86f Preview

Shades and Tints of #86c86f

Tones of #86c86f

Color Blindness Simulator