#86d3a9 hex color

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

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

● #86d3a9 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #86d3a9 has RGB values of R:134, G:211, B:169 and CMYK values of C:0.36, M:0, Y:0.2, K:0.17. Its decimal value is 8836009.

Hex triplet	86d3a9	`#86d3a9`
RGB Decimal	134, 211, 169	`rgb(134,211,169)`
RGB Percent	52.5, 82.7, 66.3	`rgb(52.5%,82.7%,66.3%)`
CMYK	36, 0, 20, 17
HSL	147.3°, 46.7, 67.6	`hsl(147.3,46.7%,67.6%)`
HSV (or HSB)	147.3°, 36.5, 82.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	78.764, -32.882, 13.386
XYZ	40.285, 54.519, 45.935
xyY	0.286, 0.387, 54.519
CIE-LCH	78.764, 35.502, 157.849
CIE-LUV	78.764, -36.896, 24.952
Hunter-Lab	73.837, -31.827, 14.802
Binary	10000110, 11010011, 10101001

#86d3a9
```
#86d3a9 rgb(134,211,169)
```
#d386b0
```
#d386b0 rgb(211,134,176)
```

Complementary Color

#8ad386
```
#8ad386 rgb(138,211,134)
```
#86d3a9
```
#86d3a9 rgb(134,211,169)
```
#86d3d0
```
#86d3d0 rgb(134,211,208)
```

Analogous Color

#d3868a
```
#d3868a rgb(211,134,138)
```
#86d3a9
```
#86d3a9 rgb(134,211,169)
```
#d086d3
```
#d086d3 rgb(208,134,211)
```

Split Complementary Color

#d3a986
```
#d3a986 rgb(211,169,134)
```
#86d3a9
```
#86d3a9 rgb(134,211,169)
```
#a986d3
```
#a986d3 rgb(169,134,211)
```

Triadic Color

#b0d386
```
#b0d386 rgb(176,211,134)
```
#86d3a9
```
#86d3a9 rgb(134,211,169)
```
#a986d3
```
#a986d3 rgb(169,134,211)
```
#d386b0
```
#d386b0 rgb(211,134,176)
```

Tetradic Color

#4ebf81
```
#4ebf81 rgb(78,191,129)
```
#61c58e
```
#61c58e rgb(97,197,142)
```
#73cc9c
```
#73cc9c rgb(115,204,156)
```
#86d3a9
```
#86d3a9 rgb(134,211,169)
```
#99dab6
```
#99dab6 rgb(153,218,182)
```
#abe1c4
```
#abe1c4 rgb(171,225,196)
```
#bee7d1
```
#bee7d1 rgb(190,231,209)
```

Monochromatic Color

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

#86d396
```
#86d396 rgb(134,211,150)
```
#86d39c
```
#86d39c rgb(134,211,156)
```
#86d3a3
```
#86d3a3 rgb(134,211,163)
```
#86d3a9
```
#86d3a9 rgb(134,211,169)
```
#86d3af
```
#86d3af rgb(134,211,175)
```
#86d3b6
```
#86d3b6 rgb(134,211,182)
```
#86d3bc
```
#86d3bc rgb(134,211,188)
```

Similar Colors

Text with hexadecimal color #86d3a9

This text has a font color of #86d3a9.

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

#86d3a9 background color

This paragraph has a background color of #86d3a9.

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

#86d3a9 border color

This element has a border color of #86d3a9.

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

CSS codes

.text {color:#86d3a9;}

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

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

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

#030806
```
#030806 rgb(3,8,6)
```
#08170f
```
#08170f rgb(8,23,15)
```
#0e2518
```
#0e2518 rgb(14,37,24)
```
#133422
```
#133422 rgb(19,52,34)
```
#18422b
```
#18422b rgb(24,66,43)
```
#1d5034
```
#1d5034 rgb(29,80,52)
```
#225f3e
```
#225f3e rgb(34,95,62)
```
#286d47
```
#286d47 rgb(40,109,71)
```
#2d7c51
```
#2d7c51 rgb(45,124,81)
```
#328a5a
```
#328a5a rgb(50,138,90)
```
#379863
```
#379863 rgb(55,152,99)
```
#3da76d
```
#3da76d rgb(61,167,109)
```
#42b576
```
#42b576 rgb(66,181,118)
```

Shade Color Variation

#4cbe80
```
#4cbe80 rgb(76,190,128)
```
#5bc38a
```
#5bc38a rgb(91,195,138)
```
#69c995
```
#69c995 rgb(105,201,149)
```
#78ce9f
```
#78ce9f rgb(120,206,159)
```
#86d3a9
```
#86d3a9 rgb(134,211,169)
```
#94d8b3
```
#94d8b3 rgb(148,216,179)
```
#a3ddbd
```
#a3ddbd rgb(163,221,189)
```
#b1e3c8
```
#b1e3c8 rgb(177,227,200)
```
#c0e8d2
```
#c0e8d2 rgb(192,232,210)
```
#ceeddc
```
#ceeddc rgb(206,237,220)
```
#dcf2e6
```
#dcf2e6 rgb(220,242,230)
```
#ebf8f1
```
#ebf8f1 rgb(235,248,241)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#acadac
```
#acadac rgb(172,173,172)
```
#a6b3ac
```
#a6b3ac rgb(166,179,172)
```
#9fbaab
```
#9fbaab rgb(159,186,171)
```
#99c0ab
```
#99c0ab rgb(153,192,171)
```
#93c6aa
```
#93c6aa rgb(147,198,170)
```
#8ccdaa
```
#8ccdaa rgb(140,205,170)
```
#86d3a9
```
#86d3a9 rgb(134,211,169)
```
#80d9a8
```
#80d9a8 rgb(128,217,168)
```
#79e0a8
```
#79e0a8 rgb(121,224,168)
```
#73e6a7
```
#73e6a7 rgb(115,230,167)
```
#6deca7
```
#6deca7 rgb(109,236,167)
```
#66f3a6
```
#66f3a6 rgb(102,243,166)
```
#60f9a6
```
#60f9a6 rgb(96,249,166)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#adbdb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c5a6 Protanopia 1% of men
#debfb4 Deuteranopia 1% of men
#99cedd Tritanopia 0.001% of the population

Trichromacy

#b5caa7 Protanomaly 1% of men, 0.01% of women
#bec6b0 Deuteranomaly 6% of men, 0.4% of women
#92d0ca Tritanomaly 0.01% of the population

#86d3a9 hex color

#86d3a9 Color Information

#86d3a9 Color Conversion

Color Schemes with #86d3a9

Alternatives to #86d3a9

#86d3a9 Preview

Shades and Tints of #86d3a9

Tones of #86d3a9

Color Blindness Simulator