#86c2ac hex color

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

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

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

The hexadecimal color #86c2ac has RGB values of R:134, G:194, B:172 and CMYK values of C:0.31, M:0, Y:0.11, K:0.24. Its decimal value is 8831660.

Hex triplet	86c2ac	`#86c2ac`
RGB Decimal	134, 194, 172	`rgb(134,194,172)`
RGB Percent	52.5, 76.1, 67.5	`rgb(52.5%,76.1%,67.5%)`
CMYK	31, 0, 11, 24
HSL	158°, 33, 64.3	`hsl(158,33%,64.3%)`
HSV (or HSB)	158°, 30.9, 76.1
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.952, -24.068, 4.909
XYZ	36.568, 46.629, 46.101
xyY	0.283, 0.361, 46.629
CIE-LCH	73.952, 24.564, 168.472
CIE-LUV	73.952, -29.361, 11.207
Hunter-Lab	68.285, -23.911, 7.772
Binary	10000110, 11000010, 10101100

#86c2ac
```
#86c2ac rgb(134,194,172)
```
#c2869c
```
#c2869c rgb(194,134,156)
```

Complementary Color

#86c28e
```
#86c28e rgb(134,194,142)
```
#86c2ac
```
#86c2ac rgb(134,194,172)
```
#86bac2
```
#86bac2 rgb(134,186,194)
```

Analogous Color

#c28e86
```
#c28e86 rgb(194,142,134)
```
#86c2ac
```
#86c2ac rgb(134,194,172)
```
#c286ba
```
#c286ba rgb(194,134,186)
```

Split Complementary Color

#c2ac86
```
#c2ac86 rgb(194,172,134)
```
#86c2ac
```
#86c2ac rgb(134,194,172)
```
#ac86c2
```
#ac86c2 rgb(172,134,194)
```

Triadic Color

#9cc286
```
#9cc286 rgb(156,194,134)
```
#86c2ac
```
#86c2ac rgb(134,194,172)
```
#ac86c2
```
#ac86c2 rgb(172,134,194)
```
#c2869c
```
#c2869c rgb(194,134,156)
```

Tetradic Color

#54a789
```
#54a789 rgb(84,167,137)
```
#64b195
```
#64b195 rgb(100,177,149)
```
#75b9a0
```
#75b9a0 rgb(117,185,160)
```
#86c2ac
```
#86c2ac rgb(134,194,172)
```
#97cbb8
```
#97cbb8 rgb(151,203,184)
```
#a8d3c3
```
#a8d3c3 rgb(168,211,195)
```
#b9dccf
```
#b9dccf rgb(185,220,207)
```

Monochromatic Color

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

#86c29d
```
#86c29d rgb(134,194,157)
```
#86c2a2
```
#86c2a2 rgb(134,194,162)
```
#86c2a7
```
#86c2a7 rgb(134,194,167)
```
#86c2ac
```
#86c2ac rgb(134,194,172)
```
#86c2b1
```
#86c2b1 rgb(134,194,177)
```
#86c2b6
```
#86c2b6 rgb(134,194,182)
```
#86c2bb
```
#86c2bb rgb(134,194,187)
```

Similar Colors

Text with hexadecimal color #86c2ac

This text has a font color of #86c2ac.

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

#86c2ac background color

This paragraph has a background color of #86c2ac.

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

#86c2ac border color

This element has a border color of #86c2ac.

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

CSS codes

.text {color:#86c2ac;}

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

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

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

#050908
```
#050908 rgb(5,9,8)
```
#0b1612
```
#0b1612 rgb(11,22,18)
```
#12231d
```
#12231d rgb(18,35,29)
```
#183128
```
#183128 rgb(24,49,40)
```
#1f3e32
```
#1f3e32 rgb(31,62,50)
```
#264b3d
```
#264b3d rgb(38,75,61)
```
#2c5848
```
#2c5848 rgb(44,88,72)
```
#336552
```
#336552 rgb(51,101,82)
```
#39725d
```
#39725d rgb(57,114,93)
```
#407f68
```
#407f68 rgb(64,127,104)
```
#468c72
```
#468c72 rgb(70,140,114)
```
#4d997d
```
#4d997d rgb(77,153,125)
```
#54a688
```
#54a688 rgb(84,166,136)
```

Shade Color Variation

#5fae91
```
#5fae91 rgb(95,174,145)
```
#6cb59a
```
#6cb59a rgb(108,181,154)
```
#79bba3
```
#79bba3 rgb(121,187,163)
```
#86c2ac
```
#86c2ac rgb(134,194,172)
```
#93c9b5
```
#93c9b5 rgb(147,201,181)
```
#a0cfbe
```
#a0cfbe rgb(160,207,190)
```
#add6c7
```
#add6c7 rgb(173,214,199)
```
#badcd0
```
#badcd0 rgb(186,220,208)
```
#c7e3d9
```
#c7e3d9 rgb(199,227,217)
```
#d4e9e2
```
#d4e9e2 rgb(212,233,226)
```
#e1f0eb
```
#e1f0eb rgb(225,240,235)
```
#eef7f4
```
#eef7f4 rgb(238,247,244)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#a2a6a5
```
#a2a6a5 rgb(162,166,165)
```
#9bada6
```
#9bada6 rgb(155,173,166)
```
#94b4a8
```
#94b4a8 rgb(148,180,168)
```
#8dbbaa
```
#8dbbaa rgb(141,187,170)
```
#86c2ac
```
#86c2ac rgb(134,194,172)
```
#7fc9ae
```
#7fc9ae rgb(127,201,174)
```
#78d0b0
```
#78d0b0 rgb(120,208,176)
```
#71d7b2
```
#71d7b2 rgb(113,215,178)
```
#6adeb3
```
#6adeb3 rgb(106,222,179)
```
#63e5b5
```
#63e5b5 rgb(99,229,181)
```
#5cecb7
```
#5cecb7 rgb(92,236,183)
```
#55f3b9
```
#55f3b9 rgb(85,243,185)
```
#4efabb
```
#4efabb rgb(78,250,187)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a6b2ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b8aa Protanopia 1% of men
#cbb3b6 Deuteranopia 1% of men
#94c0ce Tritanopia 0.001% of the population

Trichromacy

#abbcaa Protanomaly 1% of men, 0.01% of women
#b2b9b2 Deuteranomaly 6% of men, 0.4% of women
#8fc1c2 Tritanomaly 0.01% of the population

#86c2ac hex color

#86c2ac Color Information

#86c2ac Color Conversion

Color Schemes with #86c2ac

Alternatives to #86c2ac

#86c2ac Preview

Shades and Tints of #86c2ac

Tones of #86c2ac

Color Blindness Simulator