#86d396 hex color

In a RGB color space, hex #86d396 is composed of 52.5% red, 82.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 0% magenta, 28.9% yellow and 17.3% black. It has a hue angle of 132.5 degrees, a saturation of 46.7% and a lightness of 67.6%. #86d396 color hex could be obtained by blending #ffffff with #0da72d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 83
- B 59
RGB color chart
- C 36
- M 0
- Y 29
- K 17
CMYK color chart

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

The hexadecimal color #86d396 has RGB values of R:134, G:211, B:150 and CMYK values of C:0.36, M:0, Y:0.29, K:0.17. Its decimal value is 8835990.

Hex triplet	86d396	`#86d396`
RGB Decimal	134, 211, 150	`rgb(134,211,150)`
RGB Percent	52.5, 82.7, 58.8	`rgb(52.5%,82.7%,58.8%)`
CMYK	36, 0, 29, 17
HSL	132.5°, 46.7, 67.6	`hsl(132.5,46.7%,67.6%)`
HSV (or HSB)	132.5°, 36.5, 82.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.378, -36.44, 22.889
XYZ	38.629, 53.857, 37.213
xyY	0.298, 0.415, 53.857
CIE-LCH	78.378, 43.032, 147.865
CIE-LUV	78.378, -37.262, 38.274
Hunter-Lab	73.387, -34.471, 21.307
Binary	10000110, 11010011, 10010110

#86d396
```
#86d396 rgb(134,211,150)
```
#d386c3
```
#d386c3 rgb(211,134,195)
```

Complementary Color

#9dd386
```
#9dd386 rgb(157,211,134)
```
#86d396
```
#86d396 rgb(134,211,150)
```
#86d3bd
```
#86d3bd rgb(134,211,189)
```

Analogous Color

#d3869d
```
#d3869d rgb(211,134,157)
```
#86d396
```
#86d396 rgb(134,211,150)
```
#bd86d3
```
#bd86d3 rgb(189,134,211)
```

Split Complementary Color

#d39686
```
#d39686 rgb(211,150,134)
```
#86d396
```
#86d396 rgb(134,211,150)
```
#9686d3
```
#9686d3 rgb(150,134,211)
```

Triadic Color

#c3d386
```
#c3d386 rgb(195,211,134)
```
#86d396
```
#86d396 rgb(134,211,150)
```
#9686d3
```
#9686d3 rgb(150,134,211)
```
#d386c3
```
#d386c3 rgb(211,134,195)
```

Tetradic Color

#4ebf65
```
#4ebf65 rgb(78,191,101)
```
#61c576
```
#61c576 rgb(97,197,118)
```
#73cc86
```
#73cc86 rgb(115,204,134)
```
#86d396
```
#86d396 rgb(134,211,150)
```
#99daa6
```
#99daa6 rgb(153,218,166)
```
#abe1b6
```
#abe1b6 rgb(171,225,182)
```
#bee7c7
```
#bee7c7 rgb(190,231,199)
```

Monochromatic Color

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

#89d386
```
#89d386 rgb(137,211,134)
```
#86d389
```
#86d389 rgb(134,211,137)
```
#86d390
```
#86d390 rgb(134,211,144)
```
#86d396
```
#86d396 rgb(134,211,150)
```
#86d39c
```
#86d39c rgb(134,211,156)
```
#86d3a3
```
#86d3a3 rgb(134,211,163)
```
#86d3a9
```
#86d3a9 rgb(134,211,169)
```

Similar Colors

Text with hexadecimal color #86d396

This text has a font color of #86d396.

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

#86d396 background color

This paragraph has a background color of #86d396.

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

#86d396 border color

This element has a border color of #86d396.

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

CSS codes

.text {color:#86d396;}

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

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

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

#030804
```
#030804 rgb(3,8,4)
```
#08170b
```
#08170b rgb(8,23,11)
```
#0e2512
```
#0e2512 rgb(14,37,18)
```
#13341a
```
#13341a rgb(19,52,26)
```
#184221
```
#184221 rgb(24,66,33)
```
#1d5028
```
#1d5028 rgb(29,80,40)
```
#225f2f
```
#225f2f rgb(34,95,47)
```
#286d36
```
#286d36 rgb(40,109,54)
```
#2d7c3d
```
#2d7c3d rgb(45,124,61)
```
#328a44
```
#328a44 rgb(50,138,68)
```
#37984c
```
#37984c rgb(55,152,76)
```
#3da753
```
#3da753 rgb(61,167,83)
```
#42b55a
```
#42b55a rgb(66,181,90)
```

Shade Color Variation

#4cbe64
```
#4cbe64 rgb(76,190,100)
```
#5bc371
```
#5bc371 rgb(91,195,113)
```
#69c97d
```
#69c97d rgb(105,201,125)
```
#78ce8a
```
#78ce8a rgb(120,206,138)
```
#86d396
```
#86d396 rgb(134,211,150)
```
#94d8a2
```
#94d8a2 rgb(148,216,162)
```
#a3ddaf
```
#a3ddaf rgb(163,221,175)
```
#b1e3bb
```
#b1e3bb rgb(177,227,187)
```
#c0e8c8
```
#c0e8c8 rgb(192,232,200)
```
#ceedd4
```
#ceedd4 rgb(206,237,212)
```
#dcf2e1
```
#dcf2e1 rgb(220,242,225)
```
#ebf8ed
```
#ebf8ed rgb(235,248,237)
```
#f9fdfa
```
#f9fdfa rgb(249,253,250)
```

Tint Color Variation

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

#acadac
```
#acadac rgb(172,173,172)
```
#a6b3a9
```
#a6b3a9 rgb(166,179,169)
```
#9fbaa5
```
#9fbaa5 rgb(159,186,165)
```
#99c0a1
```
#99c0a1 rgb(153,192,161)
```
#93c69d
```
#93c69d rgb(147,198,157)
```
#8ccd9a
```
#8ccd9a rgb(140,205,154)
```
#86d396
```
#86d396 rgb(134,211,150)
```
#80d992
```
#80d992 rgb(128,217,146)
```
#79e08f
```
#79e08f rgb(121,224,143)
```
#73e68b
```
#73e68b rgb(115,230,139)
```
#6dec87
```
#6dec87 rgb(109,236,135)
```
#66f383
```
#66f383 rgb(102,243,131)
```
#60f980
```
#60f980 rgb(96,249,128)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#acbbaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c494 Protanopia 1% of men
#e3bda3 Deuteranopia 1% of men
#9cccdb Tritanopia 0.001% of the population

Trichromacy

#b6c995 Protanomaly 1% of men, 0.01% of women
#c1c59e Deuteranomaly 6% of men, 0.4% of women
#94cfc2 Tritanomaly 0.01% of the population

#86d396 hex color

#86d396 Color Information

#86d396 Color Conversion

Color Schemes with #86d396

Alternatives to #86d396

#86d396 Preview

Shades and Tints of #86d396

Tones of #86d396

Color Blindness Simulator