#86e0b2 hex color

In a RGB color space, hex #86e0b2 is composed of 52.5% red, 87.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 0% magenta, 20.5% yellow and 12.2% black. It has a hue angle of 149.3 degrees, a saturation of 59.2% and a lightness of 70.2%. #86e0b2 color hex could be obtained by blending #ffffff with #0dc165. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 88
- B 70
RGB color chart
- C 40
- M 0
- Y 21
- K 12
CMYK color chart

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

The hexadecimal color #86e0b2 has RGB values of R:134, G:224, B:178 and CMYK values of C:0.4, M:0, Y:0.21, K:0.12. Its decimal value is 8839346.

Hex triplet	86e0b2	`#86e0b2`
RGB Decimal	134, 224, 178	`rgb(134,224,178)`
RGB Percent	52.5, 87.8, 69.8	`rgb(52.5%,87.8%,69.8%)`
CMYK	40, 0, 21, 12
HSL	149.3°, 59.2, 70.2	`hsl(149.3,59.2%,70.2%)`
HSV (or HSB)	149.3°, 40.2, 87.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	82.696, -37.104, 14.176
XYZ	44.52, 61.592, 51.659
xyY	0.282, 0.39, 61.592
CIE-LCH	82.696, 39.72, 159.09
CIE-LUV	82.696, -42.266, 26.995
Hunter-Lab	78.48, -36.081, 15.909
Binary	10000110, 11100000, 10110010

#86e0b2
```
#86e0b2 rgb(134,224,178)
```
#e086b4
```
#e086b4 rgb(224,134,180)
```

Complementary Color

#87e086
```
#87e086 rgb(135,224,134)
```
#86e0b2
```
#86e0b2 rgb(134,224,178)
```
#86e0df
```
#86e0df rgb(134,224,223)
```

Analogous Color

#e08687
```
#e08687 rgb(224,134,135)
```
#86e0b2
```
#86e0b2 rgb(134,224,178)
```
#df86e0
```
#df86e0 rgb(223,134,224)
```

Split Complementary Color

#e0b286
```
#e0b286 rgb(224,178,134)
```
#86e0b2
```
#86e0b2 rgb(134,224,178)
```
#b286e0
```
#b286e0 rgb(178,134,224)
```

Triadic Color

#b4e086
```
#b4e086 rgb(180,224,134)
```
#86e0b2
```
#86e0b2 rgb(134,224,178)
```
#b286e0
```
#b286e0 rgb(178,134,224)
```
#e086b4
```
#e086b4 rgb(224,134,180)
```

Tetradic Color

#49d08b
```
#49d08b rgb(73,208,139)
```
#5dd698
```
#5dd698 rgb(93,214,152)
```
#72dba5
```
#72dba5 rgb(114,219,165)
```
#86e0b2
```
#86e0b2 rgb(134,224,178)
```
#9ae5bf
```
#9ae5bf rgb(154,229,191)
```
#afeacc
```
#afeacc rgb(175,234,204)
```
#c3f0d9
```
#c3f0d9 rgb(195,240,217)
```

Monochromatic Color

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

#86e09c
```
#86e09c rgb(134,224,156)
```
#86e0a3
```
#86e0a3 rgb(134,224,163)
```
#86e0ab
```
#86e0ab rgb(134,224,171)
```
#86e0b2
```
#86e0b2 rgb(134,224,178)
```
#86e0ba
```
#86e0ba rgb(134,224,186)
```
#86e0c1
```
#86e0c1 rgb(134,224,193)
```
#86e0c9
```
#86e0c9 rgb(134,224,201)
```

Similar Colors

Text with hexadecimal color #86e0b2

This text has a font color of #86e0b2.

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

#86e0b2 background color

This paragraph has a background color of #86e0b2.

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

#86e0b2 border color

This element has a border color of #86e0b2.

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

CSS codes

.text {color:#86e0b2;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#05140c
```
#05140c rgb(5,20,12)
```
#092316
```
#092316 rgb(9,35,22)
```
#0d331f
```
#0d331f rgb(13,51,31)
```
#114229
```
#114229 rgb(17,66,41)
```
#155233
```
#155233 rgb(21,82,51)
```
#19623d
```
#19623d rgb(25,98,61)
```
#1d7146
```
#1d7146 rgb(29,113,70)
```
#218150
```
#218150 rgb(33,129,80)
```
#25905a
```
#25905a rgb(37,144,90)
```
#29a063
```
#29a063 rgb(41,160,99)
```
#2db06d
```
#2db06d rgb(45,176,109)
```
#31bf77
```
#31bf77 rgb(49,191,119)
```

Shade Color Variation

#38cc80
```
#38cc80 rgb(56,204,128)
```
#48d08a
```
#48d08a rgb(72,208,138)
```
#57d494
```
#57d494 rgb(87,212,148)
```
#67d89e
```
#67d89e rgb(103,216,158)
```
#76dca8
```
#76dca8 rgb(118,220,168)
```
#86e0b2
```
#86e0b2 rgb(134,224,178)
```
#96e4bc
```
#96e4bc rgb(150,228,188)
```
#a5e8c6
```
#a5e8c6 rgb(165,232,198)
```
#b5ecd0
```
#b5ecd0 rgb(181,236,208)
```
#c4f0da
```
#c4f0da rgb(196,240,218)
```
#d4f4e4
```
#d4f4e4 rgb(212,244,228)
```
#e4f8ee
```
#e4f8ee rgb(228,248,238)
```
#f3fcf8
```
#f3fcf8 rgb(243,252,248)
```

Tint Color Variation

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

#afb7b3
```
#afb7b3 rgb(175,183,179)
```
#a9bdb3
```
#a9bdb3 rgb(169,189,179)
```
#a3c3b3
```
#a3c3b3 rgb(163,195,179)
```
#9dc9b3
```
#9dc9b3 rgb(157,201,179)
```
#98ceb2
```
#98ceb2 rgb(152,206,178)
```
#92d4b2
```
#92d4b2 rgb(146,212,178)
```
#8cdab2
```
#8cdab2 rgb(140,218,178)
```
#86e0b2
```
#86e0b2 rgb(134,224,178)
```
#80e6b2
```
#80e6b2 rgb(128,230,178)
```
#7aecb2
```
#7aecb2 rgb(122,236,178)
```
#74f2b2
```
#74f2b2 rgb(116,242,178)
```
#6ff7b1
```
#6ff7b1 rgb(111,247,177)
```
#69fdb1
```
#69fdb1 rgb(105,253,177)
```

Tone Color Variation

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

Dichromacy

#dbcfad Protanopia 1% of men
#eac9be Deuteranopia 1% of men
#9bdaea Tritanopia 0.001% of the population

Trichromacy

#bcd5af Protanomaly 1% of men, 0.01% of women
#c5d1b9 Deuteranomaly 6% of men, 0.4% of women
#93dcd5 Tritanomaly 0.01% of the population

#86e0b2 hex color

#86e0b2 Color Information

#86e0b2 Color Conversion

Color Schemes with #86e0b2

Alternatives to #86e0b2

#86e0b2 Preview

Shades and Tints of #86e0b2

Tones of #86e0b2

Color Blindness Simulator