#86f2ae hex color

In a RGB color space, hex #86f2ae is composed of 52.5% red, 94.9% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 0% magenta, 28.1% yellow and 5.1% black. It has a hue angle of 142.2 degrees, a saturation of 80.6% and a lightness of 73.7%. #86f2ae color hex could be obtained by blending #ffffff with #0de55d. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 53
- G 95
- B 68
RGB color chart
- C 45
- M 0
- Y 28
- K 5
CMYK color chart

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

The hexadecimal color #86f2ae has RGB values of R:134, G:242, B:174 and CMYK values of C:0.45, M:0, Y:0.28, K:0.05. Its decimal value is 8843950.

Hex triplet	86f2ae	`#86f2ae`
RGB Decimal	134, 242, 174	`rgb(134,242,174)`
RGB Percent	52.5, 94.9, 68.2	`rgb(52.5%,94.9%,68.2%)`
CMYK	45, 0, 28, 5
HSL	142.2°, 80.6, 73.7	`hsl(142.2,80.6%,73.7%)`
HSV (or HSB)	142.2°, 44.6, 94.9
Web Safe	99ff99	`#99ff99`

CIE-LAB	87.788, -45.843, 23.346
XYZ	49.221, 71.626, 51.274
xyY	0.286, 0.416, 71.626
CIE-LCH	87.788, 51.445, 153.012
CIE-LUV	87.788, -49.889, 41.423
Hunter-Lab	84.632, -44.293, 23.322
Binary	10000110, 11110010, 10101110

#86f2ae
```
#86f2ae rgb(134,242,174)
```
#f286ca
```
#f286ca rgb(242,134,202)
```

Complementary Color

#94f286
```
#94f286 rgb(148,242,134)
```
#86f2ae
```
#86f2ae rgb(134,242,174)
```
#86f2e4
```
#86f2e4 rgb(134,242,228)
```

Analogous Color

#f28694
```
#f28694 rgb(242,134,148)
```
#86f2ae
```
#86f2ae rgb(134,242,174)
```
#e486f2
```
#e486f2 rgb(228,134,242)
```

Split Complementary Color

#f2ae86
```
#f2ae86 rgb(242,174,134)
```
#86f2ae
```
#86f2ae rgb(134,242,174)
```
#ae86f2
```
#ae86f2 rgb(174,134,242)
```

Triadic Color

#caf286
```
#caf286 rgb(202,242,134)
```
#86f2ae
```
#86f2ae rgb(134,242,174)
```
#ae86f2
```
#ae86f2 rgb(174,134,242)
```
#f286ca
```
#f286ca rgb(242,134,202)
```

Tetradic Color

#41eb80
```
#41eb80 rgb(65,235,128)
```
#58ed8f
```
#58ed8f rgb(88,237,143)
```
#6ff09f
```
#6ff09f rgb(111,240,159)
```
#86f2ae
```
#86f2ae rgb(134,242,174)
```
#9df4bd
```
#9df4bd rgb(157,244,189)
```
#b4f7cd
```
#b4f7cd rgb(180,247,205)
```
#cbf9dc
```
#cbf9dc rgb(203,249,220)
```

Monochromatic Color

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

#86f293
```
#86f293 rgb(134,242,147)
```
#86f29c
```
#86f29c rgb(134,242,156)
```
#86f2a5
```
#86f2a5 rgb(134,242,165)
```
#86f2ae
```
#86f2ae rgb(134,242,174)
```
#86f2b7
```
#86f2b7 rgb(134,242,183)
```
#86f2c0
```
#86f2c0 rgb(134,242,192)
```
#86f2c9
```
#86f2c9 rgb(134,242,201)
```

Similar Colors

Text with hexadecimal color #86f2ae

This text has a font color of #86f2ae.

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

#86f2ae background color

This paragraph has a background color of #86f2ae.

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

#86f2ae border color

This element has a border color of #86f2ae.

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

CSS codes

.text {color:#86f2ae;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#021509
```
#021509 rgb(2,21,9)
```
#042611
```
#042611 rgb(4,38,17)
```
#063819
```
#063819 rgb(6,56,25)
```
#084a20
```
#084a20 rgb(8,74,32)
```
#0a5c28
```
#0a5c28 rgb(10,92,40)
```
#0c6d30
```
#0c6d30 rgb(12,109,48)
```
#0e7f38
```
#0e7f38 rgb(14,127,56)
```
#10913f
```
#10913f rgb(16,145,63)
```
#11a247
```
#11a247 rgb(17,162,71)
```
#13b44f
```
#13b44f rgb(19,180,79)
```
#15c657
```
#15c657 rgb(21,198,87)
```
#17d85e
```
#17d85e rgb(23,216,94)
```

Shade Color Variation

#1ce767
```
#1ce767 rgb(28,231,103)
```
#2de873
```
#2de873 rgb(45,232,115)
```
#3fea7f
```
#3fea7f rgb(63,234,127)
```
#51ec8a
```
#51ec8a rgb(81,236,138)
```
#63ee96
```
#63ee96 rgb(99,238,150)
```
#74f0a2
```
#74f0a2 rgb(116,240,162)
```
#86f2ae
```
#86f2ae rgb(134,242,174)
```
#98f4ba
```
#98f4ba rgb(152,244,186)
```
#a9f6c6
```
#a9f6c6 rgb(169,246,198)
```
#bbf8d2
```
#bbf8d2 rgb(187,248,210)
```
#cdfadd
```
#cdfadd rgb(205,250,221)
```
#dffce9
```
#dffce9 rgb(223,252,233)
```
#f0fdf5
```
#f0fdf5 rgb(240,253,245)
```

Tint Color Variation

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

#babebb
```
#babebb rgb(186,190,187)
```
#b4c4ba
```
#b4c4ba rgb(180,196,186)
```
#afc9b9
```
#afc9b9 rgb(175,201,185)
```
#aaceb7
```
#aaceb7 rgb(170,206,183)
```
#a5d3b6
```
#a5d3b6 rgb(165,211,182)
```
#a0d8b5
```
#a0d8b5 rgb(160,216,181)
```
#9bddb3
```
#9bddb3 rgb(155,221,179)
```
#95e3b2
```
#95e3b2 rgb(149,227,178)
```
#90e8b1
```
#90e8b1 rgb(144,232,177)
```
#8bedaf
```
#8bedaf rgb(139,237,175)
```
#86f2ae
```
#86f2ae rgb(134,242,174)
```
#81f7ad
```
#81f7ad rgb(129,247,173)
```
#7cfcab
```
#7cfcab rgb(124,252,171)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#bcd2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eddda9 Protanopia 1% of men
#fed5bb Deuteranopia 1% of men
#a1e9fa Tritanopia 0.001% of the population

Trichromacy

#c7e5aa Protanomaly 1% of men, 0.01% of women
#d2e0b6 Deuteranomaly 6% of men, 0.4% of women
#97ecde Tritanomaly 0.01% of the population

#86f2ae hex color

#86f2ae Color Information

#86f2ae Color Conversion

Color Schemes with #86f2ae

Alternatives to #86f2ae

#86f2ae Preview

Shades and Tints of #86f2ae

Tones of #86f2ae

Color Blindness Simulator