#86a676 hex color

In a RGB color space, hex #86a676 is composed of 52.5% red, 65.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 19.3% cyan, 0% magenta, 28.9% yellow and 34.9% black. It has a hue angle of 100 degrees, a saturation of 21.2% and a lightness of 55.7%. #86a676 color hex could be obtained by blending #ffffec with #0d4d00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 53
- G 65
- B 46
RGB color chart
- C 19
- M 0
- Y 29
- K 35
CMYK color chart

● #86a676 color description : Mostly desaturated dark green.

The hexadecimal color #86a676 has RGB values of R:134, G:166, B:118 and CMYK values of C:0.19, M:0, Y:0.29, K:0.35. Its decimal value is 8824438.

Hex triplet	86a676	`#86a676`
RGB Decimal	134, 166, 118	`rgb(134,166,118)`
RGB Percent	52.5, 65.1, 46.3	`rgb(52.5%,65.1%,46.3%)`
CMYK	19, 0, 29, 35
HSL	100°, 21.2, 55.7	`hsl(100,21.2%,55.7%)`
HSV (or HSB)	100°, 28.9, 65.1
Web Safe	999966	`#999966`

CIE-LAB	64.682, -20.156, 21.35
XYZ	26.737, 33.648, 22.225
xyY	0.324, 0.407, 33.648
CIE-LCH	64.682, 29.362, 133.352
CIE-LUV	64.682, -16.009, 31.921
Hunter-Lab	58.007, -19.238, 17.889
Binary	10000110, 10100110, 01110110

#86a676
```
#86a676 rgb(134,166,118)
```
#9676a6
```
#9676a6 rgb(150,118,166)
```

Complementary Color

#9ea676
```
#9ea676 rgb(158,166,118)
```
#86a676
```
#86a676 rgb(134,166,118)
```
#76a67e
```
#76a67e rgb(118,166,126)
```

Analogous Color

#a6769e
```
#a6769e rgb(166,118,158)
```
#86a676
```
#86a676 rgb(134,166,118)
```
#7e76a6
```
#7e76a6 rgb(126,118,166)
```

Split Complementary Color

#a67686
```
#a67686 rgb(166,118,134)
```
#86a676
```
#86a676 rgb(134,166,118)
```
#7686a6
```
#7686a6 rgb(118,134,166)
```

Triadic Color

#a69676
```
#a69676 rgb(166,150,118)
```
#86a676
```
#86a676 rgb(134,166,118)
```
#7686a6
```
#7686a6 rgb(118,134,166)
```
#9676a6
```
#9676a6 rgb(150,118,166)
```

Tetradic Color

#607e52
```
#607e52 rgb(96,126,82)
```
#6c8d5c
```
#6c8d5c rgb(108,141,92)
```
#789c67
```
#789c67 rgb(120,156,103)
```
#86a676
```
#86a676 rgb(134,166,118)
```
#94b085
```
#94b085 rgb(148,176,133)
```
#a1ba95
```
#a1ba95 rgb(161,186,149)
```
#afc4a4
```
#afc4a4 rgb(175,196,164)
```

Monochromatic Color

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

#92a676
```
#92a676 rgb(146,166,118)
```
#8ea676
```
#8ea676 rgb(142,166,118)
```
#8aa676
```
#8aa676 rgb(138,166,118)
```
#86a676
```
#86a676 rgb(134,166,118)
```
#82a676
```
#82a676 rgb(130,166,118)
```
#7ea676
```
#7ea676 rgb(126,166,118)
```
#7aa676
```
#7aa676 rgb(122,166,118)
```

Similar Colors

Text with hexadecimal color #86a676

This text has a font color of #86a676.

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

#86a676 background color

This paragraph has a background color of #86a676.

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

#86a676 border color

This element has a border color of #86a676.

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

CSS codes

.text {color:#86a676;}

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

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

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

#040604
```
#040604 rgb(4,6,4)
```
#0d120b
```
#0d120b rgb(13,18,11)
```
#171d13
```
#171d13 rgb(23,29,19)
```
#20291b
```
#20291b rgb(32,41,27)
```
#293523
```
#293523 rgb(41,53,35)
```
#32412a
```
#32412a rgb(50,65,42)
```
#3b4d32
```
#3b4d32 rgb(59,77,50)
```
#44593a
```
#44593a rgb(68,89,58)
```
#4d6541
```
#4d6541 rgb(77,101,65)
```
#567149
```
#567149 rgb(86,113,73)
```
#5f7d51
```
#5f7d51 rgb(95,125,81)
```
#698859
```
#698859 rgb(105,136,89)
```
#729460
```
#729460 rgb(114,148,96)
```

Shade Color Variation

#7b9e6a
```
#7b9e6a rgb(123,158,106)
```
#86a676
```
#86a676 rgb(134,166,118)
```
#91ae82
```
#91ae82 rgb(145,174,130)
```
#9bb58e
```
#9bb58e rgb(155,181,142)
```
#a6bd9a
```
#a6bd9a rgb(166,189,154)
```
#b0c5a6
```
#b0c5a6 rgb(176,197,166)
```
#bbcdb1
```
#bbcdb1 rgb(187,205,177)
```
#c5d4bd
```
#c5d4bd rgb(197,212,189)
```
#d0dcc9
```
#d0dcc9 rgb(208,220,201)
```
#dae4d5
```
#dae4d5 rgb(218,228,213)
```
#e5ece1
```
#e5ece1 rgb(229,236,225)
```
#eff3ed
```
#eff3ed rgb(239,243,237)
```
#fafbf9
```
#fafbf9 rgb(250,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9587 is the less saturated color, while #69fd1f is the most saturated one.

#8c9587
```
#8c9587 rgb(140,149,135)
```
#899d7f
```
#899d7f rgb(137,157,127)
```
#86a676
```
#86a676 rgb(134,166,118)
```
#83af6d
```
#83af6d rgb(131,175,109)
```
#80b765
```
#80b765 rgb(128,183,101)
```
#7dc05c
```
#7dc05c rgb(125,192,92)
```
#7ac953
```
#7ac953 rgb(122,201,83)
```
#78d14b
```
#78d14b rgb(120,209,75)
```
#75da42
```
#75da42 rgb(117,218,66)
```
#72e339
```
#72e339 rgb(114,227,57)
```
#6fec30
```
#6fec30 rgb(111,236,48)
```
#6cf428
```
#6cf428 rgb(108,244,40)
```
#69fd1f
```
#69fd1f rgb(105,253,31)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#949a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada179 Protanopia 1% of men
#bc9b81 Deuteranopia 1% of men
#95a3af Tritanopia 0.001% of the population

Trichromacy

#9fa378 Protanomaly 1% of men, 0.01% of women
#a89f7d Deuteranomaly 6% of men, 0.4% of women
#8fa49a Tritanomaly 0.01% of the population

#86a676 hex color

#86a676 Color Information

#86a676 Color Conversion

Color Schemes with #86a676

Alternatives to #86a676

#86a676 Preview

Shades and Tints of #86a676

Tones of #86a676

Color Blindness Simulator