#86a684 hex color

In a RGB color space, hex #86a684 is composed of 52.5% red, 65.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 19.3% cyan, 0% magenta, 20.5% yellow and 34.9% black. It has a hue angle of 116.5 degrees, a saturation of 16% and a lightness of 58.4%. #86a684 color hex could be obtained by blending #ffffff with #0d4d09. Closest websafe color is: #999999.

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

● #86a684 color description : Dark grayish lime green.

The hexadecimal color #86a684 has RGB values of R:134, G:166, B:132 and CMYK values of C:0.19, M:0, Y:0.2, K:0.35. Its decimal value is 8824452.

Hex triplet	86a684	`#86a684`
RGB Decimal	134, 166, 132	`rgb(134,166,132)`
RGB Percent	52.5, 65.1, 51.8	`rgb(52.5%,65.1%,51.8%)`
CMYK	19, 0, 20, 35
HSL	116.5°, 16, 58.4	`hsl(116.5,16%,58.4%)`
HSV (or HSB)	116.5°, 20.5, 65.1
Web Safe	999999	`#999999`

CIE-LAB	64.967, -17.771, 14.047
XYZ	27.632, 34.006, 26.937
xyY	0.312, 0.384, 34.006
CIE-LCH	64.967, 22.652, 141.675
CIE-LUV	64.967, -16.173, 22.357
Hunter-Lab	58.315, -17.471, 13.433
Binary	10000110, 10100110, 10000100

#86a684
```
#86a684 rgb(134,166,132)
```
#a484a6
```
#a484a6 rgb(164,132,166)
```

Complementary Color

#97a684
```
#97a684 rgb(151,166,132)
```
#86a684
```
#86a684 rgb(134,166,132)
```
#84a693
```
#84a693 rgb(132,166,147)
```

Analogous Color

#a68497
```
#a68497 rgb(166,132,151)
```
#86a684
```
#86a684 rgb(134,166,132)
```
#9384a6
```
#9384a6 rgb(147,132,166)
```

Split Complementary Color

#a68486
```
#a68486 rgb(166,132,134)
```
#86a684
```
#86a684 rgb(134,166,132)
```
#8486a6
```
#8486a6 rgb(132,134,166)
```

Triadic Color

#a6a484
```
#a6a484 rgb(166,164,132)
```
#86a684
```
#86a684 rgb(134,166,132)
```
#8486a6
```
#8486a6 rgb(132,134,166)
```
#a484a6
```
#a484a6 rgb(164,132,166)
```

Tetradic Color

#5f815d
```
#5f815d rgb(95,129,93)
```
#6a8f68
```
#6a8f68 rgb(106,143,104)
```
#779b75
```
#779b75 rgb(119,155,117)
```
#86a684
```
#86a684 rgb(134,166,132)
```
#95b193
```
#95b193 rgb(149,177,147)
```
#a3bba2
```
#a3bba2 rgb(163,187,162)
```
#b2c6b0
```
#b2c6b0 rgb(178,198,176)
```

Monochromatic Color

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

#8fa684
```
#8fa684 rgb(143,166,132)
```
#8ca684
```
#8ca684 rgb(140,166,132)
```
#89a684
```
#89a684 rgb(137,166,132)
```
#86a684
```
#86a684 rgb(134,166,132)
```
#84a685
```
#84a685 rgb(132,166,133)
```
#84a688
```
#84a688 rgb(132,166,136)
```
#84a68b
```
#84a68b rgb(132,166,139)
```

Similar Colors

Text with hexadecimal color #86a684

This text has a font color of #86a684.

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

#86a684 background color

This paragraph has a background color of #86a684.

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

#86a684 border color

This element has a border color of #86a684.

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

CSS codes

.text {color:#86a684;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0e0a
```
#0a0e0a rgb(10,14,10)
```
#121912
```
#121912 rgb(18,25,18)
```
#1b241a
```
#1b241a rgb(27,36,26)
```
#233023
```
#233023 rgb(35,48,35)
```
#2c3b2b
```
#2c3b2b rgb(44,59,43)
```
#344633
```
#344633 rgb(52,70,51)
```
#3d523b
```
#3d523b rgb(61,82,59)
```
#455d43
```
#455d43 rgb(69,93,67)
```
#4d694c
```
#4d694c rgb(77,105,76)
```
#567454
```
#567454 rgb(86,116,84)
```
#5e7f5c
```
#5e7f5c rgb(94,127,92)
```
#678b64
```
#678b64 rgb(103,139,100)
```

Shade Color Variation

#70966d
```
#70966d rgb(112,150,109)
```
#7b9e79
```
#7b9e79 rgb(123,158,121)
```
#86a684
```
#86a684 rgb(134,166,132)
```
#91ae8f
```
#91ae8f rgb(145,174,143)
```
#9cb69b
```
#9cb69b rgb(156,182,155)
```
#a8bfa6
```
#a8bfa6 rgb(168,191,166)
```
#b3c7b2
```
#b3c7b2 rgb(179,199,178)
```
#becfbd
```
#becfbd rgb(190,207,189)
```
#c9d7c8
```
#c9d7c8 rgb(201,215,200)
```
#d4e0d4
```
#d4e0d4 rgb(212,224,212)
```
#e0e8df
```
#e0e8df rgb(224,232,223)
```
#ebf0ea
```
#ebf0ea rgb(235,240,234)
```
#f6f8f6
```
#f6f8f6 rgb(246,248,246)
```

Tint Color Variation

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

#949694
```
#949694 rgb(148,150,148)
```
#8d9e8c
```
#8d9e8c rgb(141,158,140)
```
#86a684
```
#86a684 rgb(134,166,132)
```
#7fae7c
```
#7fae7c rgb(127,174,124)
```
#78b674
```
#78b674 rgb(120,182,116)
```
#70be6c
```
#70be6c rgb(112,190,108)
```
#69c763
```
#69c763 rgb(105,199,99)
```
#62cf5b
```
#62cf5b rgb(98,207,91)
```
#5bd753
```
#5bd753 rgb(91,215,83)
```
#54df4b
```
#54df4b rgb(84,223,75)
```
#4ce743
```
#4ce743 rgb(76,231,67)
```
#45ef3b
```
#45ef3b rgb(69,239,59)
```
#3ef832
```
#3ef832 rgb(62,248,50)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#959c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba286 Protanopia 1% of men
#b99d8e Deuteranopia 1% of men
#94a5b1 Tritanopia 0.001% of the population

Trichromacy

#9ea385 Protanomaly 1% of men, 0.01% of women
#a6a08a Deuteranomaly 6% of men, 0.4% of women
#8ea5a0 Tritanomaly 0.01% of the population

#86a684 hex color

#86a684 Color Information

#86a684 Color Conversion

Color Schemes with #86a684

Alternatives to #86a684

#86a684 Preview

Shades and Tints of #86a684

Tones of #86a684

Color Blindness Simulator