#86d3a8 hex color

In a RGB color space, hex #86d3a8 is composed of 52.5% red, 82.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 0% magenta, 20.4% yellow and 17.3% black. It has a hue angle of 146.5 degrees, a saturation of 46.7% and a lightness of 67.6%. #86d3a8 color hex could be obtained by blending #ffffff with #0da751. 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

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

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

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

CIE-LAB	78.742, -33.079, 13.887
XYZ	40.191, 54.482, 45.442
xyY	0.287, 0.389, 54.482
CIE-LCH	78.742, 35.876, 157.227
CIE-LUV	78.742, -36.915, 25.68
Hunter-Lab	73.812, -31.976, 15.167
Binary	10000110, 11010011, 10101000

#86d3a8
```
#86d3a8 rgb(134,211,168)
```
#d386b1
```
#d386b1 rgb(211,134,177)
```

Complementary Color

#8bd386
```
#8bd386 rgb(139,211,134)
```
#86d3a8
```
#86d3a8 rgb(134,211,168)
```
#86d3cf
```
#86d3cf rgb(134,211,207)
```

Analogous Color

#d3868b
```
#d3868b rgb(211,134,139)
```
#86d3a8
```
#86d3a8 rgb(134,211,168)
```
#cf86d3
```
#cf86d3 rgb(207,134,211)
```

Split Complementary Color

#d3a886
```
#d3a886 rgb(211,168,134)
```
#86d3a8
```
#86d3a8 rgb(134,211,168)
```
#a886d3
```
#a886d3 rgb(168,134,211)
```

Triadic Color

#b1d386
```
#b1d386 rgb(177,211,134)
```
#86d3a8
```
#86d3a8 rgb(134,211,168)
```
#a886d3
```
#a886d3 rgb(168,134,211)
```
#d386b1
```
#d386b1 rgb(211,134,177)
```

Tetradic Color

#4ebf80
```
#4ebf80 rgb(78,191,128)
```
#61c58d
```
#61c58d rgb(97,197,141)
```
#73cc9b
```
#73cc9b rgb(115,204,155)
```
#86d3a8
```
#86d3a8 rgb(134,211,168)
```
#99dab5
```
#99dab5 rgb(153,218,181)
```
#abe1c3
```
#abe1c3 rgb(171,225,195)
```
#bee7d0
```
#bee7d0 rgb(190,231,208)
```

Monochromatic Color

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

#86d395
```
#86d395 rgb(134,211,149)
```
#86d39b
```
#86d39b rgb(134,211,155)
```
#86d3a2
```
#86d3a2 rgb(134,211,162)
```
#86d3a8
```
#86d3a8 rgb(134,211,168)
```
#86d3ae
```
#86d3ae rgb(134,211,174)
```
#86d3b5
```
#86d3b5 rgb(134,211,181)
```
#86d3bb
```
#86d3bb rgb(134,211,187)
```

Similar Colors

Text with hexadecimal color #86d3a8

This text has a font color of #86d3a8.

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

#86d3a8 background color

This paragraph has a background color of #86d3a8.

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

#86d3a8 border color

This element has a border color of #86d3a8.

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

CSS codes

.text {color:#86d3a8;}

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

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

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

#030805
```
#030805 rgb(3,8,5)
```
#08170f
```
#08170f rgb(8,23,15)
```
#0e2518
```
#0e2518 rgb(14,37,24)
```
#133421
```
#133421 rgb(19,52,33)
```
#18422b
```
#18422b rgb(24,66,43)
```
#1d5034
```
#1d5034 rgb(29,80,52)
```
#225f3d
```
#225f3d rgb(34,95,61)
```
#286d46
```
#286d46 rgb(40,109,70)
```
#2d7c50
```
#2d7c50 rgb(45,124,80)
```
#328a59
```
#328a59 rgb(50,138,89)
```
#379862
```
#379862 rgb(55,152,98)
```
#3da76b
```
#3da76b rgb(61,167,107)
```
#42b575
```
#42b575 rgb(66,181,117)
```

Shade Color Variation

#4cbe7f
```
#4cbe7f rgb(76,190,127)
```
#5bc389
```
#5bc389 rgb(91,195,137)
```
#69c993
```
#69c993 rgb(105,201,147)
```
#78ce9e
```
#78ce9e rgb(120,206,158)
```
#86d3a8
```
#86d3a8 rgb(134,211,168)
```
#94d8b2
```
#94d8b2 rgb(148,216,178)
```
#a3ddbd
```
#a3ddbd rgb(163,221,189)
```
#b1e3c7
```
#b1e3c7 rgb(177,227,199)
```
#c0e8d1
```
#c0e8d1 rgb(192,232,209)
```
#ceeddc
```
#ceeddc rgb(206,237,220)
```
#dcf2e6
```
#dcf2e6 rgb(220,242,230)
```
#ebf8f0
```
#ebf8f0 rgb(235,248,240)
```
#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 #60f9a4 is the most saturated one.

#acadac
```
#acadac rgb(172,173,172)
```
#a6b3ac
```
#a6b3ac rgb(166,179,172)
```
#9fbaab
```
#9fbaab rgb(159,186,171)
```
#99c0aa
```
#99c0aa rgb(153,192,170)
```
#93c6a9
```
#93c6a9 rgb(147,198,169)
```
#8ccda9
```
#8ccda9 rgb(140,205,169)
```
#86d3a8
```
#86d3a8 rgb(134,211,168)
```
#80d9a7
```
#80d9a7 rgb(128,217,167)
```
#79e0a7
```
#79e0a7 rgb(121,224,167)
```
#73e6a6
```
#73e6a6 rgb(115,230,166)
```
#6deca5
```
#6deca5 rgb(109,236,165)
```
#66f3a4
```
#66f3a4 rgb(102,243,164)
```
#60f9a4
```
#60f9a4 rgb(96,249,164)
```

Tone Color Variation

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

#d0c5a5 Protanopia 1% of men
#dfbfb3 Deuteranopia 1% of men
#99cedd Tritanopia 0.001% of the population

Trichromacy

#b5caa6 Protanomaly 1% of men, 0.01% of women
#bec6af Deuteranomaly 6% of men, 0.4% of women
#92d0c9 Tritanomaly 0.01% of the population

#86d3a8 hex color

#86d3a8 Color Information

#86d3a8 Color Conversion

Color Schemes with #86d3a8

Alternatives to #86d3a8

#86d3a8 Preview

Shades and Tints of #86d3a8

Tones of #86d3a8

Color Blindness Simulator