#86e2af hex color

In a RGB color space, hex #86e2af is composed of 52.5% red, 88.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 0% magenta, 22.6% yellow and 11.4% black. It has a hue angle of 146.7 degrees, a saturation of 61.3% and a lightness of 70.6%. #86e2af color hex could be obtained by blending #ffffff with #0dc55f. 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

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

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

Hex triplet	86e2af	`#86e2af`
RGB Decimal	134, 226, 175	`rgb(134,226,175)`
RGB Percent	52.5, 88.6, 68.6	`rgb(52.5%,88.6%,68.6%)`
CMYK	41, 0, 23, 11
HSL	146.7°, 61.3, 70.6	`hsl(146.7,61.3%,70.6%)`
HSV (or HSB)	146.7°, 40.7, 88.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	83.207, -38.603, 16.469
XYZ	44.763, 62.554, 50.27
xyY	0.284, 0.397, 62.554
CIE-LCH	83.207, 41.969, 156.896
CIE-LUV	83.207, -43.19, 30.476
Hunter-Lab	79.091, -37.383, 17.679
Binary	10000110, 11100010, 10101111

#86e2af
```
#86e2af rgb(134,226,175)
```
#e286b9
```
#e286b9 rgb(226,134,185)
```

Complementary Color

#8be286
```
#8be286 rgb(139,226,134)
```
#86e2af
```
#86e2af rgb(134,226,175)
```
#86e2dd
```
#86e2dd rgb(134,226,221)
```

Analogous Color

#e2868b
```
#e2868b rgb(226,134,139)
```
#86e2af
```
#86e2af rgb(134,226,175)
```
#dd86e2
```
#dd86e2 rgb(221,134,226)
```

Split Complementary Color

#e2af86
```
#e2af86 rgb(226,175,134)
```
#86e2af
```
#86e2af rgb(134,226,175)
```
#af86e2
```
#af86e2 rgb(175,134,226)
```

Triadic Color

#b9e286
```
#b9e286 rgb(185,226,134)
```
#86e2af
```
#86e2af rgb(134,226,175)
```
#af86e2
```
#af86e2 rgb(175,134,226)
```
#e286b9
```
#e286b9 rgb(226,134,185)
```

Tetradic Color

#48d386
```
#48d386 rgb(72,211,134)
```
#5dd894
```
#5dd894 rgb(93,216,148)
```
#71dda1
```
#71dda1 rgb(113,221,161)
```
#86e2af
```
#86e2af rgb(134,226,175)
```
#9be7bd
```
#9be7bd rgb(155,231,189)
```
#afecca
```
#afecca rgb(175,236,202)
```
#c4f1d8
```
#c4f1d8 rgb(196,241,216)
```

Monochromatic Color

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

#86e298
```
#86e298 rgb(134,226,152)
```
#86e2a0
```
#86e2a0 rgb(134,226,160)
```
#86e2a7
```
#86e2a7 rgb(134,226,167)
```
#86e2af
```
#86e2af rgb(134,226,175)
```
#86e2b7
```
#86e2b7 rgb(134,226,183)
```
#86e2be
```
#86e2be rgb(134,226,190)
```
#86e2c6
```
#86e2c6 rgb(134,226,198)
```

Similar Colors

Text with hexadecimal color #86e2af

This text has a font color of #86e2af.

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

#86e2af background color

This paragraph has a background color of #86e2af.

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

#86e2af border color

This element has a border color of #86e2af.

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

CSS codes

.text {color:#86e2af;}

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

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

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

#010603
```
#010603 rgb(1,6,3)
```
#05150c
```
#05150c rgb(5,21,12)
```
#092516
```
#092516 rgb(9,37,22)
```
#0d351f
```
#0d351f rgb(13,53,31)
```
#114528
```
#114528 rgb(17,69,40)
```
#145531
```
#145531 rgb(20,85,49)
```
#18653a
```
#18653a rgb(24,101,58)
```
#1c7443
```
#1c7443 rgb(28,116,67)
```
#20844c
```
#20844c rgb(32,132,76)
```
#239456
```
#239456 rgb(35,148,86)
```
#27a45f
```
#27a45f rgb(39,164,95)
```
#2bb468
```
#2bb468 rgb(43,180,104)
```
#2fc371
```
#2fc371 rgb(47,195,113)
```

Shade Color Variation

#37cf7b
```
#37cf7b rgb(55,207,123)
```
#47d385
```
#47d385 rgb(71,211,133)
```
#57d790
```
#57d790 rgb(87,215,144)
```
#66da9a
```
#66da9a rgb(102,218,154)
```
#76dea5
```
#76dea5 rgb(118,222,165)
```
#86e2af
```
#86e2af rgb(134,226,175)
```
#96e6b9
```
#96e6b9 rgb(150,230,185)
```
#a6eac4
```
#a6eac4 rgb(166,234,196)
```
#b5edce
```
#b5edce rgb(181,237,206)
```
#c5f1d9
```
#c5f1d9 rgb(197,241,217)
```
#d5f5e3
```
#d5f5e3 rgb(213,245,227)
```
#e5f9ee
```
#e5f9ee rgb(229,249,238)
```
#f5fdf8
```
#f5fdf8 rgb(245,253,248)
```

Tint Color Variation

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

#aebab3
```
#aebab3 rgb(174,186,179)
```
#a9bfb3
```
#a9bfb3 rgb(169,191,179)
```
#a3c5b2
```
#a3c5b2 rgb(163,197,178)
```
#9dcbb2
```
#9dcbb2 rgb(157,203,178)
```
#97d1b1
```
#97d1b1 rgb(151,209,177)
```
#92d6b0
```
#92d6b0 rgb(146,214,176)
```
#8cdcb0
```
#8cdcb0 rgb(140,220,176)
```
#86e2af
```
#86e2af rgb(134,226,175)
```
#80e8ae
```
#80e8ae rgb(128,232,174)
```
#7aeeae
```
#7aeeae rgb(122,238,174)
```
#75f3ad
```
#75f3ad rgb(117,243,173)
```
#6ff9ac
```
#6ff9ac rgb(111,249,172)
```
#69ffac
```
#69ffac rgb(105,255,172)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#b5c8bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded1aa Protanopia 1% of men
#edcabb Deuteranopia 1% of men
#9cdbeb Tritanopia 0.001% of the population

Trichromacy

#bed7ac Protanomaly 1% of men, 0.01% of women
#c7d3b6 Deuteranomaly 6% of men, 0.4% of women
#94ddd5 Tritanomaly 0.01% of the population

#86e2af hex color

#86e2af Color Information

#86e2af Color Conversion

Color Schemes with #86e2af

Alternatives to #86e2af

#86e2af Preview

Shades and Tints of #86e2af

Tones of #86e2af

Color Blindness Simulator