#86d7a8 hex color

In a RGB color space, hex #86d7a8 is composed of 52.5% red, 84.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 0% magenta, 21.9% yellow and 15.7% black. It has a hue angle of 145.2 degrees, a saturation of 50.3% and a lightness of 68.4%. #86d7a8 color hex could be obtained by blending #ffffff with #0daf51. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 84
- B 66
RGB color chart
- C 38
- M 0
- Y 22
- K 16
CMYK color chart

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

The hexadecimal color #86d7a8 has RGB values of R:134, G:215, B:168 and CMYK values of C:0.38, M:0, Y:0.22, K:0.16. Its decimal value is 8837032.

Hex triplet	86d7a8	`#86d7a8`
RGB Decimal	134, 215, 168	`rgb(134,215,168)`
RGB Percent	52.5, 84.3, 65.9	`rgb(52.5%,84.3%,65.9%)`
CMYK	38, 0, 22, 16
HSL	145.2°, 50.3, 68.4	`hsl(145.2,50.3%,68.4%)`
HSV (or HSB)	145.2°, 37.7, 84.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	79.894, -34.94, 15.507
XYZ	41.198, 56.494, 45.777
xyY	0.287, 0.394, 56.494
CIE-LCH	79.894, 38.227, 156.068
CIE-LUV	79.894, -38.654, 28.307
Hunter-Lab	75.163, -33.697, 16.504
Binary	10000110, 11010111, 10101000

#86d7a8
```
#86d7a8 rgb(134,215,168)
```
#d786b5
```
#d786b5 rgb(215,134,181)
```

Complementary Color

#8dd786
```
#8dd786 rgb(141,215,134)
```
#86d7a8
```
#86d7a8 rgb(134,215,168)
```
#86d7d1
```
#86d7d1 rgb(134,215,209)
```

Analogous Color

#d7868d
```
#d7868d rgb(215,134,141)
```
#86d7a8
```
#86d7a8 rgb(134,215,168)
```
#d186d7
```
#d186d7 rgb(209,134,215)
```

Split Complementary Color

#d7a886
```
#d7a886 rgb(215,168,134)
```
#86d7a8
```
#86d7a8 rgb(134,215,168)
```
#a886d7
```
#a886d7 rgb(168,134,215)
```

Triadic Color

#b5d786
```
#b5d786 rgb(181,215,134)
```
#86d7a8
```
#86d7a8 rgb(134,215,168)
```
#a886d7
```
#a886d7 rgb(168,134,215)
```
#d786b5
```
#d786b5 rgb(215,134,181)
```

Tetradic Color

#4dc47f
```
#4dc47f rgb(77,196,127)
```
#60ca8c
```
#60ca8c rgb(96,202,140)
```
#73d19a
```
#73d19a rgb(115,209,154)
```
#86d7a8
```
#86d7a8 rgb(134,215,168)
```
#99ddb6
```
#99ddb6 rgb(153,221,182)
```
#ace4c4
```
#ace4c4 rgb(172,228,196)
```
#bfead1
```
#bfead1 rgb(191,234,209)
```

Monochromatic Color

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

#86d794
```
#86d794 rgb(134,215,148)
```
#86d79b
```
#86d79b rgb(134,215,155)
```
#86d7a1
```
#86d7a1 rgb(134,215,161)
```
#86d7a8
```
#86d7a8 rgb(134,215,168)
```
#86d7af
```
#86d7af rgb(134,215,175)
```
#86d7b6
```
#86d7b6 rgb(134,215,182)
```
#86d7bc
```
#86d7bc rgb(134,215,188)
```

Similar Colors

Text with hexadecimal color #86d7a8

This text has a font color of #86d7a8.

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

#86d7a8 background color

This paragraph has a background color of #86d7a8.

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

#86d7a8 border color

This element has a border color of #86d7a8.

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

CSS codes

.text {color:#86d7a8;}

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

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

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, #040c07 is the darkest color, while #fcfefd is the lightest one.

#040c07
```
#040c07 rgb(4,12,7)
```
#091a10
```
#091a10 rgb(9,26,16)
```
#0e2919
```
#0e2919 rgb(14,41,25)
```
#123822
```
#123822 rgb(18,56,34)
```
#17472b
```
#17472b rgb(23,71,43)
```
#1c5534
```
#1c5534 rgb(28,85,52)
```
#21643d
```
#21643d rgb(33,100,61)
```
#267346
```
#267346 rgb(38,115,70)
```
#2b824f
```
#2b824f rgb(43,130,79)
```
#309058
```
#309058 rgb(48,144,88)
```
#359f61
```
#359f61 rgb(53,159,97)
```
#39ae6a
```
#39ae6a rgb(57,174,106)
```
#3ebd73
```
#3ebd73 rgb(62,189,115)
```

Shade Color Variation

#4bc47e
```
#4bc47e rgb(75,196,126)
```
#5ac888
```
#5ac888 rgb(90,200,136)
```
#69cd93
```
#69cd93 rgb(105,205,147)
```
#77d29d
```
#77d29d rgb(119,210,157)
```
#86d7a8
```
#86d7a8 rgb(134,215,168)
```
#95dcb3
```
#95dcb3 rgb(149,220,179)
```
#a3e1bd
```
#a3e1bd rgb(163,225,189)
```
#b2e6c8
```
#b2e6c8 rgb(178,230,200)
```
#c1ead2
```
#c1ead2 rgb(193,234,210)
```
#d0efdd
```
#d0efdd rgb(208,239,221)
```
#def4e8
```
#def4e8 rgb(222,244,232)
```
#edf9f2
```
#edf9f2 rgb(237,249,242)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#abb2ae
```
#abb2ae rgb(171,178,174)
```
#a5b8ad
```
#a5b8ad rgb(165,184,173)
```
#9fbeac
```
#9fbeac rgb(159,190,172)
```
#99c4ab
```
#99c4ab rgb(153,196,171)
```
#92cbaa
```
#92cbaa rgb(146,203,170)
```
#8cd1a9
```
#8cd1a9 rgb(140,209,169)
```
#86d7a8
```
#86d7a8 rgb(134,215,168)
```
#80dda7
```
#80dda7 rgb(128,221,167)
```
#7ae3a6
```
#7ae3a6 rgb(122,227,166)
```
#73eaa5
```
#73eaa5 rgb(115,234,165)
```
#6df0a4
```
#6df0a4 rgb(109,240,164)
```
#67f6a3
```
#67f6a3 rgb(103,246,163)
```
#61fca2
```
#61fca2 rgb(97,252,162)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#afbfb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c8a5 Protanopia 1% of men
#e3c2b4 Deuteranopia 1% of men
#9ad1e0 Tritanopia 0.001% of the population

Trichromacy

#b8cda6 Protanomaly 1% of men, 0.01% of women
#c1c9af Deuteranomaly 6% of men, 0.4% of women
#92d3cc Tritanomaly 0.01% of the population

#86d7a8 hex color

#86d7a8 Color Information

#86d7a8 Color Conversion

Color Schemes with #86d7a8

Alternatives to #86d7a8

#86d7a8 Preview

Shades and Tints of #86d7a8

Tones of #86d7a8

Color Blindness Simulator