#86e2a3 hex color

In a RGB color space, hex #86e2a3 is composed of 52.5% red, 88.6% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 0% magenta, 27.9% yellow and 11.4% black. It has a hue angle of 138.9 degrees, a saturation of 61.3% and a lightness of 70.6%. #86e2a3 color hex could be obtained by blending #ffffff with #0dc547. Closest websafe color is: #99cc99.

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

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

The hexadecimal color #86e2a3 has RGB values of R:134, G:226, B:163 and CMYK values of C:0.41, M:0, Y:0.28, K:0.11. Its decimal value is 8839843.

Hex triplet	86e2a3	`#86e2a3`
RGB Decimal	134, 226, 163	`rgb(134,226,163)`
RGB Percent	52.5, 88.6, 63.9	`rgb(52.5%,88.6%,63.9%)`
CMYK	41, 0, 28, 11
HSL	138.9°, 61.3, 70.6	`hsl(138.9,61.3%,70.6%)`
HSV (or HSB)	138.9°, 40.7, 88.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	82.968, -40.866, 22.396
XYZ	43.636, 62.103, 44.336
xyY	0.291, 0.414, 62.103
CIE-LCH	82.968, 46.6, 151.276
CIE-LUV	82.968, -43.504, 38.855
Hunter-Lab	78.805, -39.07, 21.807
Binary	10000110, 11100010, 10100011

#86e2a3
```
#86e2a3 rgb(134,226,163)
```
#e286c5
```
#e286c5 rgb(226,134,197)
```

Complementary Color

#97e286
```
#97e286 rgb(151,226,134)
```
#86e2a3
```
#86e2a3 rgb(134,226,163)
```
#86e2d1
```
#86e2d1 rgb(134,226,209)
```

Analogous Color

#e28697
```
#e28697 rgb(226,134,151)
```
#86e2a3
```
#86e2a3 rgb(134,226,163)
```
#d186e2
```
#d186e2 rgb(209,134,226)
```

Split Complementary Color

#e2a386
```
#e2a386 rgb(226,163,134)
```
#86e2a3
```
#86e2a3 rgb(134,226,163)
```
#a386e2
```
#a386e2 rgb(163,134,226)
```

Triadic Color

#c5e286
```
#c5e286 rgb(197,226,134)
```
#86e2a3
```
#86e2a3 rgb(134,226,163)
```
#a386e2
```
#a386e2 rgb(163,134,226)
```
#e286c5
```
#e286c5 rgb(226,134,197)
```

Tetradic Color

#48d374
```
#48d374 rgb(72,211,116)
```
#5dd884
```
#5dd884 rgb(93,216,132)
```
#71dd93
```
#71dd93 rgb(113,221,147)
```
#86e2a3
```
#86e2a3 rgb(134,226,163)
```
#9be7b3
```
#9be7b3 rgb(155,231,179)
```
#afecc2
```
#afecc2 rgb(175,236,194)
```
#c4f1d2
```
#c4f1d2 rgb(196,241,210)
```

Monochromatic Color

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

#86e28c
```
#86e28c rgb(134,226,140)
```
#86e294
```
#86e294 rgb(134,226,148)
```
#86e29b
```
#86e29b rgb(134,226,155)
```
#86e2a3
```
#86e2a3 rgb(134,226,163)
```
#86e2ab
```
#86e2ab rgb(134,226,171)
```
#86e2b2
```
#86e2b2 rgb(134,226,178)
```
#86e2ba
```
#86e2ba rgb(134,226,186)
```

Similar Colors

Text with hexadecimal color #86e2a3

This text has a font color of #86e2a3.

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

#86e2a3 background color

This paragraph has a background color of #86e2a3.

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

#86e2a3 border color

This element has a border color of #86e2a3.

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

CSS codes

.text {color:#86e2a3;}

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

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

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 #f5fdf7 is the lightest one.

#010603
```
#010603 rgb(1,6,3)
```
#05150a
```
#05150a rgb(5,21,10)
```
#092512
```
#092512 rgb(9,37,18)
```
#0d3519
```
#0d3519 rgb(13,53,25)
```
#114521
```
#114521 rgb(17,69,33)
```
#145529
```
#145529 rgb(20,85,41)
```
#186530
```
#186530 rgb(24,101,48)
```
#1c7438
```
#1c7438 rgb(28,116,56)
```
#20843f
```
#20843f rgb(32,132,63)
```
#239447
```
#239447 rgb(35,148,71)
```
#27a44f
```
#27a44f rgb(39,164,79)
```
#2bb456
```
#2bb456 rgb(43,180,86)
```
#2fc35e
```
#2fc35e rgb(47,195,94)
```

Shade Color Variation

#37cf67
```
#37cf67 rgb(55,207,103)
```
#47d373
```
#47d373 rgb(71,211,115)
```
#57d77f
```
#57d77f rgb(87,215,127)
```
#66da8b
```
#66da8b rgb(102,218,139)
```
#76de97
```
#76de97 rgb(118,222,151)
```
#86e2a3
```
#86e2a3 rgb(134,226,163)
```
#96e6af
```
#96e6af rgb(150,230,175)
```
#a6eabb
```
#a6eabb rgb(166,234,187)
```
#b5edc7
```
#b5edc7 rgb(181,237,199)
```
#c5f1d3
```
#c5f1d3 rgb(197,241,211)
```
#d5f5df
```
#d5f5df rgb(213,245,223)
```
#e5f9eb
```
#e5f9eb rgb(229,249,235)
```
#f5fdf7
```
#f5fdf7 rgb(245,253,247)
```

Tint Color Variation

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

#aebab2
```
#aebab2 rgb(174,186,178)
```
#a9bfb0
```
#a9bfb0 rgb(169,191,176)
```
#a3c5ae
```
#a3c5ae rgb(163,197,174)
```
#9dcbac
```
#9dcbac rgb(157,203,172)
```
#97d1a9
```
#97d1a9 rgb(151,209,169)
```
#92d6a7
```
#92d6a7 rgb(146,214,167)
```
#8cdca5
```
#8cdca5 rgb(140,220,165)
```
#86e2a3
```
#86e2a3 rgb(134,226,163)
```
#80e8a1
```
#80e8a1 rgb(128,232,161)
```
#7aee9f
```
#7aee9f rgb(122,238,159)
```
#75f39d
```
#75f39d rgb(117,243,157)
```
#6ff99a
```
#6ff99a rgb(111,249,154)
```
#69ff98
```
#69ff98 rgb(105,255,152)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b4c6b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd09f Protanopia 1% of men
#f0c9b0 Deuteranopia 1% of men
#9edaea Tritanopia 0.001% of the population

Trichromacy

#bed7a0 Protanomaly 1% of men, 0.01% of women
#c9d2ab Deuteranomaly 6% of men, 0.4% of women
#95ddd0 Tritanomaly 0.01% of the population

#86e2a3 hex color

#86e2a3 Color Information

#86e2a3 Color Conversion

Color Schemes with #86e2a3

Alternatives to #86e2a3

#86e2a3 Preview

Shades and Tints of #86e2a3

Tones of #86e2a3

Color Blindness Simulator