#86b78f hex color

In a RGB color space, hex #86b78f is composed of 52.5% red, 71.8% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 21.9% yellow and 28.2% black. It has a hue angle of 131 degrees, a saturation of 25.4% and a lightness of 62.2%. #86b78f color hex could be obtained by blending #ffffff with #0d6f1f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 72
- B 56
RGB color chart
- C 27
- M 0
- Y 22
- K 28
CMYK color chart

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

The hexadecimal color #86b78f has RGB values of R:134, G:183, B:143 and CMYK values of C:0.27, M:0, Y:0.22, K:0.28. Its decimal value is 8828815.

Hex triplet	86b78f	`#86b78f`
RGB Decimal	134, 183, 143	`rgb(134,183,143)`
RGB Percent	52.5, 71.8, 56.1	`rgb(52.5%,71.8%,56.1%)`
CMYK	27, 0, 22, 28
HSL	131°, 25.4, 62.2	`hsl(131,25.4%,62.2%)`
HSV (or HSB)	131°, 26.8, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	70.118, -24.375, 15.215
XYZ	31.722, 40.917, 32.212
xyY	0.303, 0.39, 40.917
CIE-LCH	70.118, 28.734, 148.027
CIE-LUV	70.118, -24.485, 25.421
Hunter-Lab	63.967, -23.422, 14.92
Binary	10000110, 10110111, 10001111

#86b78f
```
#86b78f rgb(134,183,143)
```
#b786ae
```
#b786ae rgb(183,134,174)
```

Complementary Color

#96b786
```
#96b786 rgb(150,183,134)
```
#86b78f
```
#86b78f rgb(134,183,143)
```
#86b7a8
```
#86b7a8 rgb(134,183,168)
```

Analogous Color

#b78696
```
#b78696 rgb(183,134,150)
```
#86b78f
```
#86b78f rgb(134,183,143)
```
#a886b7
```
#a886b7 rgb(168,134,183)
```

Split Complementary Color

#b78f86
```
#b78f86 rgb(183,143,134)
```
#86b78f
```
#86b78f rgb(134,183,143)
```
#8f86b7
```
#8f86b7 rgb(143,134,183)
```

Triadic Color

#aeb786
```
#aeb786 rgb(174,183,134)
```
#86b78f
```
#86b78f rgb(134,183,143)
```
#8f86b7
```
#8f86b7 rgb(143,134,183)
```
#b786ae
```
#b786ae rgb(183,134,174)
```

Tetradic Color

#5a9765
```
#5a9765 rgb(90,151,101)
```
#66a471
```
#66a471 rgb(102,164,113)
```
#76ad80
```
#76ad80 rgb(118,173,128)
```
#86b78f
```
#86b78f rgb(134,183,143)
```
#96c19e
```
#96c19e rgb(150,193,158)
```
#a6caad
```
#a6caad rgb(166,202,173)
```
#b6d4bb
```
#b6d4bb rgb(182,212,187)
```

Monochromatic Color

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

#89b786
```
#89b786 rgb(137,183,134)
```
#86b787
```
#86b787 rgb(134,183,135)
```
#86b78b
```
#86b78b rgb(134,183,139)
```
#86b78f
```
#86b78f rgb(134,183,143)
```
#86b793
```
#86b793 rgb(134,183,147)
```
#86b797
```
#86b797 rgb(134,183,151)
```
#86b79b
```
#86b79b rgb(134,183,155)
```

Similar Colors

Text with hexadecimal color #86b78f

This text has a font color of #86b78f.

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

#86b78f background color

This paragraph has a background color of #86b78f.

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

#86b78f border color

This element has a border color of #86b78f.

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

CSS codes

.text {color:#86b78f;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#080e0a
```
#080e0a rgb(8,14,10)
```
#101b12
```
#101b12 rgb(16,27,18)
```
#17271a
```
#17271a rgb(23,39,26)
```
#1e3322
```
#1e3322 rgb(30,51,34)
```
#263f2a
```
#263f2a rgb(38,63,42)
```
#2d4c33
```
#2d4c33 rgb(45,76,51)
```
#34583b
```
#34583b rgb(52,88,59)
```
#3c6443
```
#3c6443 rgb(60,100,67)
```
#43714b
```
#43714b rgb(67,113,75)
```
#4a7d54
```
#4a7d54 rgb(74,125,84)
```
#52895c
```
#52895c rgb(82,137,92)
```
#599664
```
#599664 rgb(89,150,100)
```

Shade Color Variation

#61a16d
```
#61a16d rgb(97,161,109)
```
#6da878
```
#6da878 rgb(109,168,120)
```
#7ab084
```
#7ab084 rgb(122,176,132)
```
#86b78f
```
#86b78f rgb(134,183,143)
```
#92be9a
```
#92be9a rgb(146,190,154)
```
#9fc6a6
```
#9fc6a6 rgb(159,198,166)
```
#abcdb1
```
#abcdb1 rgb(171,205,177)
```
#b7d4bd
```
#b7d4bd rgb(183,212,189)
```
#c3dcc8
```
#c3dcc8 rgb(195,220,200)
```
#d0e3d3
```
#d0e3d3 rgb(208,227,211)
```
#dceadf
```
#dceadf rgb(220,234,223)
```
#e8f2ea
```
#e8f2ea rgb(232,242,234)
```
#f5f9f5
```
#f5f9f5 rgb(245,249,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca19d is the less saturated color, while #43fa65 is the most saturated one.

#9ca19d
```
#9ca19d rgb(156,161,157)
```
#95a898
```
#95a898 rgb(149,168,152)
```
#8db094
```
#8db094 rgb(141,176,148)
```
#86b78f
```
#86b78f rgb(134,183,143)
```
#7fbe8a
```
#7fbe8a rgb(127,190,138)
```
#77c686
```
#77c686 rgb(119,198,134)
```
#70cd81
```
#70cd81 rgb(112,205,129)
```
#68d57c
```
#68d57c rgb(104,213,124)
```
#61dc78
```
#61dc78 rgb(97,220,120)
```
#59e473
```
#59e473 rgb(89,228,115)
```
#52eb6e
```
#52eb6e rgb(82,235,110)
```
#4bf269
```
#4bf269 rgb(75,242,105)
```
#43fa65
```
#43fa65 rgb(67,250,101)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ea8a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baaf8f Protanopia 1% of men
#c7a99a Deuteranopia 1% of men
#96b4c1 Tritanopia 0.001% of the population

Trichromacy

#a7b28f Protanomaly 1% of men, 0.01% of women
#afae96 Deuteranomaly 6% of men, 0.4% of women
#90b5af Tritanomaly 0.01% of the population

#86b78f hex color

#86b78f Color Information

#86b78f Color Conversion

Color Schemes with #86b78f

Alternatives to #86b78f

#86b78f Preview

Shades and Tints of #86b78f

Tones of #86b78f

Color Blindness Simulator