#86e4a2 hex color

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

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

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

The hexadecimal color #86e4a2 has RGB values of R:134, G:228, B:162 and CMYK values of C:0.41, M:0, Y:0.29, K:0.11. Its decimal value is 8840354.

Hex triplet	86e4a2	`#86e4a2`
RGB Decimal	134, 228, 162	`rgb(134,228,162)`
RGB Percent	52.5, 89.4, 63.5	`rgb(52.5%,89.4%,63.5%)`
CMYK	41, 0, 29, 11
HSL	137.9°, 63.5, 71	`hsl(137.9,63.5%,71%)`
HSV (or HSB)	137.9°, 41.2, 89.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.527, -41.931, 23.681
XYZ	44.094, 63.161, 44.048
xyY	0.291, 0.417, 63.161
CIE-LCH	83.527, 48.156, 150.544
CIE-LUV	83.527, -44.383, 40.782
Hunter-Lab	79.474, -40.044, 22.771
Binary	10000110, 11100100, 10100010

#86e4a2
```
#86e4a2 rgb(134,228,162)
```
#e486c8
```
#e486c8 rgb(228,134,200)
```

Complementary Color

#99e486
```
#99e486 rgb(153,228,134)
```
#86e4a2
```
#86e4a2 rgb(134,228,162)
```
#86e4d1
```
#86e4d1 rgb(134,228,209)
```

Analogous Color

#e48699
```
#e48699 rgb(228,134,153)
```
#86e4a2
```
#86e4a2 rgb(134,228,162)
```
#d186e4
```
#d186e4 rgb(209,134,228)
```

Split Complementary Color

#e4a286
```
#e4a286 rgb(228,162,134)
```
#86e4a2
```
#86e4a2 rgb(134,228,162)
```
#a286e4
```
#a286e4 rgb(162,134,228)
```

Triadic Color

#c8e486
```
#c8e486 rgb(200,228,134)
```
#86e4a2
```
#86e4a2 rgb(134,228,162)
```
#a286e4
```
#a286e4 rgb(162,134,228)
```
#e486c8
```
#e486c8 rgb(228,134,200)
```

Tetradic Color

#47d672
```
#47d672 rgb(71,214,114)
```
#5cdb82
```
#5cdb82 rgb(92,219,130)
```
#71df92
```
#71df92 rgb(113,223,146)
```
#86e4a2
```
#86e4a2 rgb(134,228,162)
```
#9be9b2
```
#9be9b2 rgb(155,233,178)
```
#b0edc2
```
#b0edc2 rgb(176,237,194)
```
#c5f2d2
```
#c5f2d2 rgb(197,242,210)
```

Monochromatic Color

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

#86e48b
```
#86e48b rgb(134,228,139)
```
#86e492
```
#86e492 rgb(134,228,146)
```
#86e49a
```
#86e49a rgb(134,228,154)
```
#86e4a2
```
#86e4a2 rgb(134,228,162)
```
#86e4aa
```
#86e4aa rgb(134,228,170)
```
#86e4b2
```
#86e4b2 rgb(134,228,178)
```
#86e4ba
```
#86e4ba rgb(134,228,186)
```

Similar Colors

Text with hexadecimal color #86e4a2

This text has a font color of #86e4a2.

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

#86e4a2 background color

This paragraph has a background color of #86e4a2.

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

#86e4a2 border color

This element has a border color of #86e4a2.

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

CSS codes

.text {color:#86e4a2;}

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

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

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

#020703
```
#020703 rgb(2,7,3)
```
#05170b
```
#05170b rgb(5,23,11)
```
#092712
```
#092712 rgb(9,39,18)
```
#0c3719
```
#0c3719 rgb(12,55,25)
```
#104720
```
#104720 rgb(16,71,32)
```
#145728
```
#145728 rgb(20,87,40)
```
#17682f
```
#17682f rgb(23,104,47)
```
#1b7836
```
#1b7836 rgb(27,120,54)
```
#1e883e
```
#1e883e rgb(30,136,62)
```
#229845
```
#229845 rgb(34,152,69)
```
#25a84c
```
#25a84c rgb(37,168,76)
```
#29b854
```
#29b854 rgb(41,184,84)
```
#2dc85b
```
#2dc85b rgb(45,200,91)
```

Shade Color Variation

#36d264
```
#36d264 rgb(54,210,100)
```
#46d671
```
#46d671 rgb(70,214,113)
```
#56d97d
```
#56d97d rgb(86,217,125)
```
#66dd89
```
#66dd89 rgb(102,221,137)
```
#76e096
```
#76e096 rgb(118,224,150)
```
#86e4a2
```
#86e4a2 rgb(134,228,162)
```
#96e8ae
```
#96e8ae rgb(150,232,174)
```
#a6ebbb
```
#a6ebbb rgb(166,235,187)
```
#b6efc7
```
#b6efc7 rgb(182,239,199)
```
#c6f2d3
```
#c6f2d3 rgb(198,242,211)
```
#d6f6e0
```
#d6f6e0 rgb(214,246,224)
```
#e6f9ec
```
#e6f9ec rgb(230,249,236)
```
#f6fdf8
```
#f6fdf8 rgb(246,253,248)
```

Tint Color Variation

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

#b4b6b4
```
#b4b6b4 rgb(180,182,180)
```
#aebcb2
```
#aebcb2 rgb(174,188,178)
```
#a8c2b0
```
#a8c2b0 rgb(168,194,176)
```
#a2c8ae
```
#a2c8ae rgb(162,200,174)
```
#9dcdab
```
#9dcdab rgb(157,205,171)
```
#97d3a9
```
#97d3a9 rgb(151,211,169)
```
#91d9a7
```
#91d9a7 rgb(145,217,167)
```
#8cdea4
```
#8cdea4 rgb(140,222,164)
```
#86e4a2
```
#86e4a2 rgb(134,228,162)
```
#80eaa0
```
#80eaa0 rgb(128,234,160)
```
#7bef9d
```
#7bef9d rgb(123,239,157)
```
#75f59b
```
#75f59b rgb(117,245,155)
```
#6ffb99
```
#6ffb99 rgb(111,251,153)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b4c7ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d29e Protanopia 1% of men
#f2caaf Deuteranopia 1% of men
#9edcec Tritanopia 0.001% of the population

Trichromacy

#c0d89f Protanomaly 1% of men, 0.01% of women
#cbd4aa Deuteranomaly 6% of men, 0.4% of women
#95dfd1 Tritanomaly 0.01% of the population

#86e4a2 hex color

#86e4a2 Color Information

#86e4a2 Color Conversion

Color Schemes with #86e4a2

Alternatives to #86e4a2

#86e4a2 Preview

Shades and Tints of #86e4a2

Tones of #86e4a2

Color Blindness Simulator