#86e6a2 hex color

In a RGB color space, hex #86e6a2 is composed of 52.5% red, 90.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 0% magenta, 29.6% yellow and 9.8% black. It has a hue angle of 137.5 degrees, a saturation of 65.8% and a lightness of 71.4%. #86e6a2 color hex could be obtained by blending #ffffff with #0dcd45. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 53
- G 90
- B 64
RGB color chart
- C 42
- M 0
- Y 30
- K 10
CMYK color chart

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

The hexadecimal color #86e6a2 has RGB values of R:134, G:230, B:162 and CMYK values of C:0.42, M:0, Y:0.3, K:0.1. Its decimal value is 8840866.

Hex triplet	86e6a2	`#86e6a2`
RGB Decimal	134, 230, 162	`rgb(134,230,162)`
RGB Percent	52.5, 90.2, 63.5	`rgb(52.5%,90.2%,63.5%)`
CMYK	42, 0, 30, 10
HSL	137.5°, 65.8, 71.4	`hsl(137.5,65.8%,71.4%)`
HSV (or HSB)	137.5°, 41.7, 90.2
Web Safe	99ff99	`#99ff99`

CIE-LAB	84.105, -42.81, 24.471
XYZ	44.648, 64.268, 44.233
xyY	0.292, 0.42, 64.268
CIE-LCH	84.105, 49.311, 150.247
CIE-LUV	84.105, -45.232, 42.024
Hunter-Lab	80.167, -40.881, 23.404
Binary	10000110, 11100110, 10100010

#86e6a2
```
#86e6a2 rgb(134,230,162)
```
#e686ca
```
#e686ca rgb(230,134,202)
```

Complementary Color

#9ae686
```
#9ae686 rgb(154,230,134)
```
#86e6a2
```
#86e6a2 rgb(134,230,162)
```
#86e6d2
```
#86e6d2 rgb(134,230,210)
```

Analogous Color

#e6869a
```
#e6869a rgb(230,134,154)
```
#86e6a2
```
#86e6a2 rgb(134,230,162)
```
#d286e6
```
#d286e6 rgb(210,134,230)
```

Split Complementary Color

#e6a286
```
#e6a286 rgb(230,162,134)
```
#86e6a2
```
#86e6a2 rgb(134,230,162)
```
#a286e6
```
#a286e6 rgb(162,134,230)
```

Triadic Color

#cae686
```
#cae686 rgb(202,230,134)
```
#86e6a2
```
#86e6a2 rgb(134,230,162)
```
#a286e6
```
#a286e6 rgb(162,134,230)
```
#e686ca
```
#e686ca rgb(230,134,202)
```

Tetradic Color

#47d971
```
#47d971 rgb(71,217,113)
```
#5cdd82
```
#5cdd82 rgb(92,221,130)
```
#71e292
```
#71e292 rgb(113,226,146)
```
#86e6a2
```
#86e6a2 rgb(134,230,162)
```
#9beab2
```
#9beab2 rgb(155,234,178)
```
#b0efc2
```
#b0efc2 rgb(176,239,194)
```
#c5f3d3
```
#c5f3d3 rgb(197,243,211)
```

Monochromatic Color

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

#86e68a
```
#86e68a rgb(134,230,138)
```
#86e692
```
#86e692 rgb(134,230,146)
```
#86e69a
```
#86e69a rgb(134,230,154)
```
#86e6a2
```
#86e6a2 rgb(134,230,162)
```
#86e6aa
```
#86e6aa rgb(134,230,170)
```
#86e6b2
```
#86e6b2 rgb(134,230,178)
```
#86e6ba
```
#86e6ba rgb(134,230,186)
```

Similar Colors

Text with hexadecimal color #86e6a2

This text has a font color of #86e6a2.

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

#86e6a2 background color

This paragraph has a background color of #86e6a2.

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

#86e6a2 border color

This element has a border color of #86e6a2.

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

CSS codes

.text {color:#86e6a2;}

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

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

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

#020904
```
#020904 rgb(2,9,4)
```
#05190b
```
#05190b rgb(5,25,11)
```
#092a12
```
#092a12 rgb(9,42,18)
```
#0c3a19
```
#0c3a19 rgb(12,58,25)
```
#0f4a20
```
#0f4a20 rgb(15,74,32)
```
#135a28
```
#135a28 rgb(19,90,40)
```
#166b2f
```
#166b2f rgb(22,107,47)
```
#197b36
```
#197b36 rgb(25,123,54)
```
#1d8b3d
```
#1d8b3d rgb(29,139,61)
```
#209b44
```
#209b44 rgb(32,155,68)
```
#23ac4b
```
#23ac4b rgb(35,172,75)
```
#27bc52
```
#27bc52 rgb(39,188,82)
```
#2acc59
```
#2acc59 rgb(42,204,89)
```

Shade Color Variation

#35d564
```
#35d564 rgb(53,213,100)
```
#45d970
```
#45d970 rgb(69,217,112)
```
#55dc7d
```
#55dc7d rgb(85,220,125)
```
#65df89
```
#65df89 rgb(101,223,137)
```
#76e396
```
#76e396 rgb(118,227,150)
```
#86e6a2
```
#86e6a2 rgb(134,230,162)
```
#96e9ae
```
#96e9ae rgb(150,233,174)
```
#a7edbb
```
#a7edbb rgb(167,237,187)
```
#b7f0c7
```
#b7f0c7 rgb(183,240,199)
```
#c7f3d4
```
#c7f3d4 rgb(199,243,212)
```
#d7f7e0
```
#d7f7e0 rgb(215,247,224)
```
#e8faed
```
#e8faed rgb(232,250,237)
```
#f8fef9
```
#f8fef9 rgb(248,254,249)
```

Tint Color Variation

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

#b3b9b5
```
#b3b9b5 rgb(179,185,181)
```
#adbfb2
```
#adbfb2 rgb(173,191,178)
```
#a8c4b0
```
#a8c4b0 rgb(168,196,176)
```
#a2caae
```
#a2caae rgb(162,202,174)
```
#9cd0ab
```
#9cd0ab rgb(156,208,171)
```
#97d5a9
```
#97d5a9 rgb(151,213,169)
```
#91dba7
```
#91dba7 rgb(145,219,167)
```
#8ce0a4
```
#8ce0a4 rgb(140,224,164)
```
#86e6a2
```
#86e6a2 rgb(134,230,162)
```
#80eca0
```
#80eca0 rgb(128,236,160)
```
#7bf19d
```
#7bf19d rgb(123,241,157)
```
#75f79b
```
#75f79b rgb(117,247,155)
```
#70fc99
```
#70fc99 rgb(112,252,153)
```

Tone Color Variation

Below, you can see how #86e6a2 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
#b6c9bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d39e Protanopia 1% of men
#f4ccaf Deuteranopia 1% of men
#9fddee Tritanopia 0.001% of the population

Trichromacy

#c1da9f Protanomaly 1% of men, 0.01% of women
#ccd5aa Deuteranomaly 6% of men, 0.4% of women
#96e0d2 Tritanomaly 0.01% of the population

#86e6a2 hex color

#86e6a2 Color Information

#86e6a2 Color Conversion

Color Schemes with #86e6a2

Alternatives to #86e6a2

#86e6a2 Preview

Shades and Tints of #86e6a2

Tones of #86e6a2

Color Blindness Simulator