#86d4a9 hex color

In a RGB color space, hex #86d4a9 is composed of 52.5% red, 83.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 36.8% cyan, 0% magenta, 20.3% yellow and 16.9% black. It has a hue angle of 146.9 degrees, a saturation of 47.6% and a lightness of 67.8%. #86d4a9 color hex could be obtained by blending #ffffff with #0da953. Closest websafe color is: #99cc99.

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

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

The hexadecimal color #86d4a9 has RGB values of R:134, G:212, B:169 and CMYK values of C:0.37, M:0, Y:0.2, K:0.17. Its decimal value is 8836265.

Hex triplet	86d4a9	`#86d4a9`
RGB Decimal	134, 212, 169	`rgb(134,212,169)`
RGB Percent	52.5, 83.1, 66.3	`rgb(52.5%,83.1%,66.3%)`
CMYK	37, 0, 20, 17
HSL	146.9°, 47.6, 67.8	`hsl(146.9,47.6%,67.8%)`
HSV (or HSB)	146.9°, 36.8, 83.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	79.052, -33.35, 13.792
XYZ	40.534, 55.018, 46.018
xyY	0.286, 0.389, 55.018
CIE-LCH	79.052, 36.089, 157.532
CIE-LUV	79.052, -37.331, 25.613
Hunter-Lab	74.174, -32.259, 15.138
Binary	10000110, 11010100, 10101001

#86d4a9
```
#86d4a9 rgb(134,212,169)
```
#d486b1
```
#d486b1 rgb(212,134,177)
```

Complementary Color

#8ad486
```
#8ad486 rgb(138,212,134)
```
#86d4a9
```
#86d4a9 rgb(134,212,169)
```
#86d4d0
```
#86d4d0 rgb(134,212,208)
```

Analogous Color

#d4868a
```
#d4868a rgb(212,134,138)
```
#86d4a9
```
#86d4a9 rgb(134,212,169)
```
#d086d4
```
#d086d4 rgb(208,134,212)
```

Split Complementary Color

#d4a986
```
#d4a986 rgb(212,169,134)
```
#86d4a9
```
#86d4a9 rgb(134,212,169)
```
#a986d4
```
#a986d4 rgb(169,134,212)
```

Triadic Color

#b1d486
```
#b1d486 rgb(177,212,134)
```
#86d4a9
```
#86d4a9 rgb(134,212,169)
```
#a986d4
```
#a986d4 rgb(169,134,212)
```
#d486b1
```
#d486b1 rgb(212,134,177)
```

Tetradic Color

#4ec081
```
#4ec081 rgb(78,192,129)
```
#60c78e
```
#60c78e rgb(96,199,142)
```
#73cd9c
```
#73cd9c rgb(115,205,156)
```
#86d4a9
```
#86d4a9 rgb(134,212,169)
```
#99dbb6
```
#99dbb6 rgb(153,219,182)
```
#ace1c4
```
#ace1c4 rgb(172,225,196)
```
#bee8d1
```
#bee8d1 rgb(190,232,209)
```

Monochromatic Color

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

#86d496
```
#86d496 rgb(134,212,150)
```
#86d49c
```
#86d49c rgb(134,212,156)
```
#86d4a3
```
#86d4a3 rgb(134,212,163)
```
#86d4a9
```
#86d4a9 rgb(134,212,169)
```
#86d4b0
```
#86d4b0 rgb(134,212,176)
```
#86d4b6
```
#86d4b6 rgb(134,212,182)
```
#86d4bd
```
#86d4bd rgb(134,212,189)
```

Similar Colors

Text with hexadecimal color #86d4a9

This text has a font color of #86d4a9.

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

#86d4a9 background color

This paragraph has a background color of #86d4a9.

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

#86d4a9 border color

This element has a border color of #86d4a9.

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

CSS codes

.text {color:#86d4a9;}

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

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

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

#030906
```
#030906 rgb(3,9,6)
```
#08180f
```
#08180f rgb(8,24,15)
```
#0e2619
```
#0e2619 rgb(14,38,25)
```
#133522
```
#133522 rgb(19,53,34)
```
#18432b
```
#18432b rgb(24,67,43)
```
#1d5235
```
#1d5235 rgb(29,82,53)
```
#22603e
```
#22603e rgb(34,96,62)
```
#276f47
```
#276f47 rgb(39,111,71)
```
#2c7d51
```
#2c7d51 rgb(44,125,81)
```
#328c5a
```
#328c5a rgb(50,140,90)
```
#379a63
```
#379a63 rgb(55,154,99)
```
#3ca86d
```
#3ca86d rgb(60,168,109)
```
#41b776
```
#41b776 rgb(65,183,118)
```

Shade Color Variation

#4cbf80
```
#4cbf80 rgb(76,191,128)
```
#5bc58a
```
#5bc58a rgb(91,197,138)
```
#69ca94
```
#69ca94 rgb(105,202,148)
```
#78cf9f
```
#78cf9f rgb(120,207,159)
```
#86d4a9
```
#86d4a9 rgb(134,212,169)
```
#94d9b3
```
#94d9b3 rgb(148,217,179)
```
#a3debe
```
#a3debe rgb(163,222,190)
```
#b1e3c8
```
#b1e3c8 rgb(177,227,200)
```
#c0e9d2
```
#c0e9d2 rgb(192,233,210)
```
#ceeedc
```
#ceeedc rgb(206,238,220)
```
#ddf3e7
```
#ddf3e7 rgb(221,243,231)
```
#ebf8f1
```
#ebf8f1 rgb(235,248,241)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

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

#acaead
```
#acaead rgb(172,174,173)
```
#a6b4ac
```
#a6b4ac rgb(166,180,172)
```
#9fbbac
```
#9fbbac rgb(159,187,172)
```
#99c1ab
```
#99c1ab rgb(153,193,171)
```
#93c7aa
```
#93c7aa rgb(147,199,170)
```
#8cceaa
```
#8cceaa rgb(140,206,170)
```
#86d4a9
```
#86d4a9 rgb(134,212,169)
```
#80daa8
```
#80daa8 rgb(128,218,168)
```
#79e1a8
```
#79e1a8 rgb(121,225,168)
```
#73e7a7
```
#73e7a7 rgb(115,231,167)
```
#6deda6
```
#6deda6 rgb(109,237,166)
```
#66f4a6
```
#66f4a6 rgb(102,244,166)
```
#60faa5
```
#60faa5 rgb(96,250,165)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#aebeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c6a6 Protanopia 1% of men
#dfc0b4 Deuteranopia 1% of men
#99cfde Tritanopia 0.001% of the population

Trichromacy

#b6cba7 Protanomaly 1% of men, 0.01% of women
#bfc7b0 Deuteranomaly 6% of men, 0.4% of women
#92d1ca Tritanomaly 0.01% of the population

#86d4a9 hex color

#86d4a9 Color Information

#86d4a9 Color Conversion

Color Schemes with #86d4a9

Alternatives to #86d4a9

#86d4a9 Preview

Shades and Tints of #86d4a9

Tones of #86d4a9

Color Blindness Simulator