#86e4af hex color

In a RGB color space, hex #86e4af is composed of 52.5% red, 89.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 0% magenta, 23.2% yellow and 10.6% black. It has a hue angle of 146.2 degrees, a saturation of 63.5% and a lightness of 71%. #86e4af color hex could be obtained by blending #ffffff with #0dc95f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 89
- B 69
RGB color chart
- C 41
- M 0
- Y 23
- K 11
CMYK color chart

● #86e4af color description : Very soft cyan - lime green.

The hexadecimal color #86e4af has RGB values of R:134, G:228, B:175 and CMYK values of C:0.41, M:0, Y:0.23, K:0.11. Its decimal value is 8840367.

Hex triplet	86e4af	`#86e4af`
RGB Decimal	134, 228, 175	`rgb(134,228,175)`
RGB Percent	52.5, 89.4, 68.6	`rgb(52.5%,89.4%,68.6%)`
CMYK	41, 0, 23, 11
HSL	146.2°, 63.5, 71	`hsl(146.2,63.5%,71%)`
HSV (or HSB)	146.2°, 41.2, 89.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.782, -39.504, 17.273
XYZ	45.31, 63.648, 50.453
xyY	0.284, 0.399, 63.648
CIE-LCH	83.782, 43.115, 156.382
CIE-LUV	83.782, -44.034, 31.779
Hunter-Lab	79.78, -38.236, 18.351
Binary	10000110, 11100100, 10101111

#86e4af
```
#86e4af rgb(134,228,175)
```
#e486bb
```
#e486bb rgb(228,134,187)
```

Complementary Color

#8ce486
```
#8ce486 rgb(140,228,134)
```
#86e4af
```
#86e4af rgb(134,228,175)
```
#86e4de
```
#86e4de rgb(134,228,222)
```

Analogous Color

#e4868c
```
#e4868c rgb(228,134,140)
```
#86e4af
```
#86e4af rgb(134,228,175)
```
#de86e4
```
#de86e4 rgb(222,134,228)
```

Split Complementary Color

#e4af86
```
#e4af86 rgb(228,175,134)
```
#86e4af
```
#86e4af rgb(134,228,175)
```
#af86e4
```
#af86e4 rgb(175,134,228)
```

Triadic Color

#bbe486
```
#bbe486 rgb(187,228,134)
```
#86e4af
```
#86e4af rgb(134,228,175)
```
#af86e4
```
#af86e4 rgb(175,134,228)
```
#e486bb
```
#e486bb rgb(228,134,187)
```

Tetradic Color

#47d686
```
#47d686 rgb(71,214,134)
```
#5cdb93
```
#5cdb93 rgb(92,219,147)
```
#71dfa1
```
#71dfa1 rgb(113,223,161)
```
#86e4af
```
#86e4af rgb(134,228,175)
```
#9be9bd
```
#9be9bd rgb(155,233,189)
```
#b0edcb
```
#b0edcb rgb(176,237,203)
```
#c5f2d8
```
#c5f2d8 rgb(197,242,216)
```

Monochromatic Color

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

#86e498
```
#86e498 rgb(134,228,152)
```
#86e49f
```
#86e49f rgb(134,228,159)
```
#86e4a7
```
#86e4a7 rgb(134,228,167)
```
#86e4af
```
#86e4af rgb(134,228,175)
```
#86e4b7
```
#86e4b7 rgb(134,228,183)
```
#86e4bf
```
#86e4bf rgb(134,228,191)
```
#86e4c7
```
#86e4c7 rgb(134,228,199)
```

Similar Colors

Text with hexadecimal color #86e4af

This text has a font color of #86e4af.

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

#86e4af background color

This paragraph has a background color of #86e4af.

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

#86e4af border color

This element has a border color of #86e4af.

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

CSS codes

.text {color:#86e4af;}

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

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

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

#020704
```
#020704 rgb(2,7,4)
```
#05170d
```
#05170d rgb(5,23,13)
```
#092716
```
#092716 rgb(9,39,22)
```
#0c371f
```
#0c371f rgb(12,55,31)
```
#104728
```
#104728 rgb(16,71,40)
```
#145731
```
#145731 rgb(20,87,49)
```
#17683a
```
#17683a rgb(23,104,58)
```
#1b7843
```
#1b7843 rgb(27,120,67)
```
#1e884c
```
#1e884c rgb(30,136,76)
```
#229855
```
#229855 rgb(34,152,85)
```
#25a85e
```
#25a85e rgb(37,168,94)
```
#29b867
```
#29b867 rgb(41,184,103)
```
#2dc870
```
#2dc870 rgb(45,200,112)
```

Shade Color Variation

#36d27a
```
#36d27a rgb(54,210,122)
```
#46d685
```
#46d685 rgb(70,214,133)
```
#56d98f
```
#56d98f rgb(86,217,143)
```
#66dd9a
```
#66dd9a rgb(102,221,154)
```
#76e0a4
```
#76e0a4 rgb(118,224,164)
```
#86e4af
```
#86e4af rgb(134,228,175)
```
#96e8ba
```
#96e8ba rgb(150,232,186)
```
#a6ebc4
```
#a6ebc4 rgb(166,235,196)
```
#b6efcf
```
#b6efcf rgb(182,239,207)
```
#c6f2d9
```
#c6f2d9 rgb(198,242,217)
```
#d6f6e4
```
#d6f6e4 rgb(214,246,228)
```
#e6f9ef
```
#e6f9ef rgb(230,249,239)
```
#f6fdf9
```
#f6fdf9 rgb(246,253,249)
```

Tint Color Variation

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

#b4b6b5
```
#b4b6b5 rgb(180,182,181)
```
#aebcb4
```
#aebcb4 rgb(174,188,180)
```
#a8c2b3
```
#a8c2b3 rgb(168,194,179)
```
#a2c8b3
```
#a2c8b3 rgb(162,200,179)
```
#9dcdb2
```
#9dcdb2 rgb(157,205,178)
```
#97d3b1
```
#97d3b1 rgb(151,211,177)
```
#91d9b0
```
#91d9b0 rgb(145,217,176)
```
#8cdeb0
```
#8cdeb0 rgb(140,222,176)
```
#86e4af
```
#86e4af rgb(134,228,175)
```
#80eaae
```
#80eaae rgb(128,234,174)
```
#7befae
```
#7befae rgb(123,239,174)
```
#75f5ad
```
#75f5ad rgb(117,245,173)
```
#6ffbac
```
#6ffbac rgb(111,251,172)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#b6c9be Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd2aa Protanopia 1% of men
#efccbb Deuteranopia 1% of men
#9cdded Tritanopia 0.001% of the population

Trichromacy

#bfd9ac Protanomaly 1% of men, 0.01% of women
#c9d4b7 Deuteranomaly 6% of men, 0.4% of women
#94dfd6 Tritanomaly 0.01% of the population

#86e4af hex color

#86e4af Color Information

#86e4af Color Conversion

Color Schemes with #86e4af

Alternatives to #86e4af

#86e4af Preview

Shades and Tints of #86e4af

Tones of #86e4af

Color Blindness Simulator