colorhexa.com

#86af4e hex color

In a RGB color space, hex #86af4e is composed of 52.5% red, 68.6% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 0% magenta, 55.4% yellow and 31.4% black. It has a hue angle of 85.4 degrees, a saturation of 38.3% and a lightness of 49.6%. #86af4e color hex could be obtained by blending #ffff9c with #0d5f00. Closest websafe color is: #999966.

- R 53
- G 69
- B 31
RGB color chart
- C 23
- M 0
- Y 55
- K 31
CMYK color chart

● #86af4e color description : Dark moderate green.

The hexadecimal color #86af4e has RGB values of R:134, G:175, B:78 and CMYK values of C:0.23, M:0, Y:0.55, K:0.31. Its decimal value is 8826702.

Hex triplet	86af4e	`#86af4e`
RGB Decimal	134, 175, 78	`rgb(134,175,78)`
RGB Percent	52.5, 68.6, 30.6	`rgb(52.5%,68.6%,30.6%)`
CMYK	23, 0, 55, 31
HSL	85.4°, 38.3, 49.6	`hsl(85.4,38.3%,49.6%)`
HSV (or HSB)	85.4°, 55.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	66.732, -29.811, 44.637
XYZ	26.536, 36.278, 12.812
xyY	0.351, 0.48, 36.278
CIE-LCH	66.732, 53.676, 123.738
CIE-LUV	66.732, -20.462, 58.702
Hunter-Lab	60.231, -26.762, 29.55
Binary	10000110, 10101111, 01001110

#86af4e
```
#86af4e rgb(134,175,78)
```
#774eaf
```
#774eaf rgb(119,78,175)
```

Complementary Color

#afa84e
```
#afa84e rgb(175,168,78)
```
#86af4e
```
#86af4e rgb(134,175,78)
```
#56af4e
```
#56af4e rgb(86,175,78)
```

Analogous Color

#a84eaf
```
#a84eaf rgb(168,78,175)
```
#86af4e
```
#86af4e rgb(134,175,78)
```
#4e56af
```
#4e56af rgb(78,86,175)
```

Split Complementary Color

#af4e86
```
#af4e86 rgb(175,78,134)
```
#86af4e
```
#86af4e rgb(134,175,78)
```
#4e86af
```
#4e86af rgb(78,134,175)
```

Triadic Color

#af774e
```
#af774e rgb(175,119,78)
```
#86af4e
```
#86af4e rgb(134,175,78)
```
#4e86af
```
#4e86af rgb(78,134,175)
```
#774eaf
```
#774eaf rgb(119,78,175)
```

Tetradic Color

#5d7a36
```
#5d7a36 rgb(93,122,54)
```
#6b8c3e
```
#6b8c3e rgb(107,140,62)
```
#789d46
```
#789d46 rgb(120,157,70)
```
#86af4e
```
#86af4e rgb(134,175,78)
```
#92b85f
```
#92b85f rgb(146,184,95)
```
#9ebf71
```
#9ebf71 rgb(158,191,113)
```
#aac782
```
#aac782 rgb(170,199,130)
```

Monochromatic Color

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

#9eaf4e
```
#9eaf4e rgb(158,175,78)
```
#96af4e
```
#96af4e rgb(150,175,78)
```
#8eaf4e
```
#8eaf4e rgb(142,175,78)
```
#86af4e
```
#86af4e rgb(134,175,78)
```
#7eaf4e
```
#7eaf4e rgb(126,175,78)
```
#76af4e
```
#76af4e rgb(118,175,78)
```
#6eaf4e
```
#6eaf4e rgb(110,175,78)
```

Similar Colors

Text with hexadecimal color #86af4e

This text has a font color of #86af4e.

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

#86af4e background color

This paragraph has a background color of #86af4e.

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

#86af4e border color

This element has a border color of #86af4e.

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

CSS codes

.text {color:#86af4e;}

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

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

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

#090c05
```
#090c05 rgb(9,12,5)
```
#141a0b
```
#141a0b rgb(20,26,11)
```
#1e2712
```
#1e2712 rgb(30,39,18)
```
#283518
```
#283518 rgb(40,53,24)
```
#33421e
```
#33421e rgb(51,66,30)
```
#3d5024
```
#3d5024 rgb(61,80,36)
```
#485e2a
```
#485e2a rgb(72,94,42)
```
#526b30
```
#526b30 rgb(82,107,48)
```
#5c7936
```
#5c7936 rgb(92,121,54)
```
#67863c
```
#67863c rgb(103,134,60)
```
#719442
```
#719442 rgb(113,148,66)
```
#7ca148
```
#7ca148 rgb(124,161,72)
```
#86af4e
```
#86af4e rgb(134,175,78)
```

Shade Color Variation

#8fb65b
```
#8fb65b rgb(143,182,91)
```
#99bc68
```
#99bc68 rgb(153,188,104)
```
#a2c276
```
#a2c276 rgb(162,194,118)
```
#abc884
```
#abc884 rgb(171,200,132)
```
#b4ce91
```
#b4ce91 rgb(180,206,145)
```
#bdd49f
```
#bdd49f rgb(189,212,159)
```
#c7daac
```
#c7daac rgb(199,218,172)
```
#d0e0ba
```
#d0e0ba rgb(208,224,186)
```
#d9e6c7
```
#d9e6c7 rgb(217,230,199)
```
#e2ecd5
```
#e2ecd5 rgb(226,236,213)
```
#ecf2e2
```
#ecf2e2 rgb(236,242,226)
```
#f5f8f0
```
#f5f8f0 rgb(245,248,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#808875
```
#808875 rgb(128,136,117)
```
#81926b
```
#81926b rgb(129,146,107)
```
#839c61
```
#839c61 rgb(131,156,97)
```
#84a558
```
#84a558 rgb(132,165,88)
```
#86af4e
```
#86af4e rgb(134,175,78)
```
#88b944
```
#88b944 rgb(136,185,68)
```
#89c23b
```
#89c23b rgb(137,194,59)
```
#8bcc31
```
#8bcc31 rgb(139,204,49)
```
#8cd627
```
#8cd627 rgb(140,214,39)
```
#8ee01d
```
#8ee01d rgb(142,224,29)
```
#8fe914
```
#8fe914 rgb(143,233,20)
```
#91f30a
```
#91f30a rgb(145,243,10)
```
#92fd00
```
#92fd00 rgb(146,253,0)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#949d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a753 Protanopia 1% of men
#ca9f5e Deuteranopia 1% of men
#9aa9b5 Tritanopia 0.001% of the population

Trichromacy

#a6aa51 Protanomaly 1% of men, 0.01% of women
#b1a558 Deuteranomaly 6% of men, 0.4% of women
#93ab8f Tritanomaly 0.01% of the population