#86c2a1 hex color

In a RGB color space, hex #86c2a1 is composed of 52.5% red, 76.1% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 17% yellow and 23.9% black. It has a hue angle of 147 degrees, a saturation of 33% and a lightness of 64.3%. #86c2a1 color hex could be obtained by blending #ffffff with #0d8543. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 76
- B 63
RGB color chart
- C 31
- M 0
- Y 17
- K 24
CMYK color chart

● #86c2a1 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #86c2a1 has RGB values of R:134, G:194, B:161 and CMYK values of C:0.31, M:0, Y:0.17, K:0.24. Its decimal value is 8831649.

Hex triplet	86c2a1	`#86c2a1`
RGB Decimal	134, 194, 161	`rgb(134,194,161)`
RGB Percent	52.5, 76.1, 63.1	`rgb(52.5%,76.1%,63.1%)`
CMYK	31, 0, 17, 24
HSL	147°, 33, 64.3	`hsl(147,33%,64.3%)`
HSV (or HSB)	147°, 30.9, 76.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.69, -26.332, 10.492
XYZ	35.554, 46.224, 40.765
xyY	0.29, 0.377, 46.224
CIE-LCH	73.69, 28.345, 158.276
CIE-LUV	73.69, -29.469, 19.541
Hunter-Lab	67.988, -25.632, 12.042
Binary	10000110, 11000010, 10100001

#86c2a1
```
#86c2a1 rgb(134,194,161)
```
#c286a7
```
#c286a7 rgb(194,134,167)
```

Complementary Color

#89c286
```
#89c286 rgb(137,194,134)
```
#86c2a1
```
#86c2a1 rgb(134,194,161)
```
#86c2bf
```
#86c2bf rgb(134,194,191)
```

Analogous Color

#c28689
```
#c28689 rgb(194,134,137)
```
#86c2a1
```
#86c2a1 rgb(134,194,161)
```
#bf86c2
```
#bf86c2 rgb(191,134,194)
```

Split Complementary Color

#c2a186
```
#c2a186 rgb(194,161,134)
```
#86c2a1
```
#86c2a1 rgb(134,194,161)
```
#a186c2
```
#a186c2 rgb(161,134,194)
```

Triadic Color

#a7c286
```
#a7c286 rgb(167,194,134)
```
#86c2a1
```
#86c2a1 rgb(134,194,161)
```
#a186c2
```
#a186c2 rgb(161,134,194)
```
#c286a7
```
#c286a7 rgb(194,134,167)
```

Tetradic Color

#54a77a
```
#54a77a rgb(84,167,122)
```
#64b187
```
#64b187 rgb(100,177,135)
```
#75b994
```
#75b994 rgb(117,185,148)
```
#86c2a1
```
#86c2a1 rgb(134,194,161)
```
#97cbae
```
#97cbae rgb(151,203,174)
```
#a8d3bb
```
#a8d3bb rgb(168,211,187)
```
#b9dcc9
```
#b9dcc9 rgb(185,220,201)
```

Monochromatic Color

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

#86c292
```
#86c292 rgb(134,194,146)
```
#86c297
```
#86c297 rgb(134,194,151)
```
#86c29c
```
#86c29c rgb(134,194,156)
```
#86c2a1
```
#86c2a1 rgb(134,194,161)
```
#86c2a6
```
#86c2a6 rgb(134,194,166)
```
#86c2ab
```
#86c2ab rgb(134,194,171)
```
#86c2b0
```
#86c2b0 rgb(134,194,176)
```

Similar Colors

Text with hexadecimal color #86c2a1

This text has a font color of #86c2a1.

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

#86c2a1 background color

This paragraph has a background color of #86c2a1.

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

#86c2a1 border color

This element has a border color of #86c2a1.

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

CSS codes

.text {color:#86c2a1;}

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

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

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

#050907
```
#050907 rgb(5,9,7)
```
#0b1610
```
#0b1610 rgb(11,22,16)
```
#12231a
```
#12231a rgb(18,35,26)
```
#183123
```
#183123 rgb(24,49,35)
```
#1f3e2d
```
#1f3e2d rgb(31,62,45)
```
#264b36
```
#264b36 rgb(38,75,54)
```
#2c5840
```
#2c5840 rgb(44,88,64)
```
#336549
```
#336549 rgb(51,101,73)
```
#397253
```
#397253 rgb(57,114,83)
```
#407f5c
```
#407f5c rgb(64,127,92)
```
#468c66
```
#468c66 rgb(70,140,102)
```
#4d996f
```
#4d996f rgb(77,153,111)
```
#54a679
```
#54a679 rgb(84,166,121)
```

Shade Color Variation

#5fae83
```
#5fae83 rgb(95,174,131)
```
#6cb58d
```
#6cb58d rgb(108,181,141)
```
#79bb97
```
#79bb97 rgb(121,187,151)
```
#86c2a1
```
#86c2a1 rgb(134,194,161)
```
#93c9ab
```
#93c9ab rgb(147,201,171)
```
#a0cfb5
```
#a0cfb5 rgb(160,207,181)
```
#add6bf
```
#add6bf rgb(173,214,191)
```
#badcca
```
#badcca rgb(186,220,202)
```
#c7e3d4
```
#c7e3d4 rgb(199,227,212)
```
#d4e9de
```
#d4e9de rgb(212,233,222)
```
#e1f0e8
```
#e1f0e8 rgb(225,240,232)
```
#eef7f2
```
#eef7f2 rgb(238,247,242)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

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

#a2a6a4
```
#a2a6a4 rgb(162,166,164)
```
#9bada3
```
#9bada3 rgb(155,173,163)
```
#94b4a2
```
#94b4a2 rgb(148,180,162)
```
#8dbba2
```
#8dbba2 rgb(141,187,162)
```
#86c2a1
```
#86c2a1 rgb(134,194,161)
```
#7fc9a0
```
#7fc9a0 rgb(127,201,160)
```
#78d0a0
```
#78d0a0 rgb(120,208,160)
```
#71d79f
```
#71d79f rgb(113,215,159)
```
#6ade9e
```
#6ade9e rgb(106,222,158)
```
#63e59e
```
#63e59e rgb(99,229,158)
```
#5cec9d
```
#5cec9d rgb(92,236,157)
```
#55f39c
```
#55f39c rgb(85,243,156)
```
#4efa9b
```
#4efa9b rgb(78,250,155)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a4b0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b89f Protanopia 1% of men
#ceb2ab Deuteranopia 1% of men
#96bfcd Tritanopia 0.001% of the population

Trichromacy

#acbba0 Protanomaly 1% of men, 0.01% of women
#b4b8a7 Deuteranomaly 6% of men, 0.4% of women
#90c0bd Tritanomaly 0.01% of the population

#86c2a1 hex color

#86c2a1 Color Information

#86c2a1 Color Conversion

Color Schemes with #86c2a1

Alternatives to #86c2a1

#86c2a1 Preview

Shades and Tints of #86c2a1

Tones of #86c2a1

Color Blindness Simulator