#86c6af hex color

In a RGB color space, hex #86c6af is composed of 52.5% red, 77.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 0% magenta, 11.6% yellow and 22.4% black. It has a hue angle of 158.4 degrees, a saturation of 36% and a lightness of 65.1%. #86c6af color hex could be obtained by blending #ffffff with #0d8d5f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 78
- B 69
RGB color chart
- C 32
- M 0
- Y 12
- K 22
CMYK color chart

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

The hexadecimal color #86c6af has RGB values of R:134, G:198, B:175 and CMYK values of C:0.32, M:0, Y:0.12, K:0.22. Its decimal value is 8832687.

Hex triplet	86c6af	`#86c6af`
RGB Decimal	134, 198, 175	`rgb(134,198,175)`
RGB Percent	52.5, 77.6, 68.6	`rgb(52.5%,77.6%,68.6%)`
CMYK	32, 0, 12, 22
HSL	158.4°, 36, 65.1	`hsl(158.4,36%,65.1%)`
HSV (or HSB)	158.4°, 32.3, 77.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	75.171, -25.407, 5.043
XYZ	37.761, 48.55, 47.936
xyY	0.281, 0.362, 48.55
CIE-LCH	75.171, 25.902, 168.774
CIE-LUV	75.171, -31.098, 11.651
Hunter-Lab	69.678, -25.2, 7.985
Binary	10000110, 11000110, 10101111

#86c6af
```
#86c6af rgb(134,198,175)
```
#c6869d
```
#c6869d rgb(198,134,157)
```

Complementary Color

#86c68f
```
#86c68f rgb(134,198,143)
```
#86c6af
```
#86c6af rgb(134,198,175)
```
#86bdc6
```
#86bdc6 rgb(134,189,198)
```

Analogous Color

#c68f86
```
#c68f86 rgb(198,143,134)
```
#86c6af
```
#86c6af rgb(134,198,175)
```
#c686bd
```
#c686bd rgb(198,134,189)
```

Split Complementary Color

#c6af86
```
#c6af86 rgb(198,175,134)
```
#86c6af
```
#86c6af rgb(134,198,175)
```
#af86c6
```
#af86c6 rgb(175,134,198)
```

Triadic Color

#9dc686
```
#9dc686 rgb(157,198,134)
```
#86c6af
```
#86c6af rgb(134,198,175)
```
#af86c6
```
#af86c6 rgb(175,134,198)
```
#c6869d
```
#c6869d rgb(198,134,157)
```

Tetradic Color

#52ae8d
```
#52ae8d rgb(82,174,141)
```
#63b698
```
#63b698 rgb(99,182,152)
```
#75bea4
```
#75bea4 rgb(117,190,164)
```
#86c6af
```
#86c6af rgb(134,198,175)
```
#97ceba
```
#97ceba rgb(151,206,186)
```
#a9d6c6
```
#a9d6c6 rgb(169,214,198)
```
#baded1
```
#baded1 rgb(186,222,209)
```

Monochromatic Color

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

#86c69f
```
#86c69f rgb(134,198,159)
```
#86c6a4
```
#86c6a4 rgb(134,198,164)
```
#86c6aa
```
#86c6aa rgb(134,198,170)
```
#86c6af
```
#86c6af rgb(134,198,175)
```
#86c6b4
```
#86c6b4 rgb(134,198,180)
```
#86c6ba
```
#86c6ba rgb(134,198,186)
```
#86c6bf
```
#86c6bf rgb(134,198,191)
```

Similar Colors

Text with hexadecimal color #86c6af

This text has a font color of #86c6af.

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

#86c6af background color

This paragraph has a background color of #86c6af.

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

#86c6af border color

This element has a border color of #86c6af.

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

CSS codes

.text {color:#86c6af;}

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

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

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, #060c0a is the darkest color, while #fefffe is the lightest one.

#060c0a
```
#060c0a rgb(6,12,10)
```
#0c1a15
```
#0c1a15 rgb(12,26,21)
```
#122720
```
#122720 rgb(18,39,32)
```
#19342a
```
#19342a rgb(25,52,42)
```
#1f4235
```
#1f4235 rgb(31,66,53)
```
#254f40
```
#254f40 rgb(37,79,64)
```
#2c5c4b
```
#2c5c4b rgb(44,92,75)
```
#326a56
```
#326a56 rgb(50,106,86)
```
#387760
```
#387760 rgb(56,119,96)
```
#3e846b
```
#3e846b rgb(62,132,107)
```
#459276
```
#459276 rgb(69,146,118)
```
#4b9f81
```
#4b9f81 rgb(75,159,129)
```
#51ac8c
```
#51ac8c rgb(81,172,140)
```

Shade Color Variation

#5eb395
```
#5eb395 rgb(94,179,149)
```
#6bb99d
```
#6bb99d rgb(107,185,157)
```
#79c0a6
```
#79c0a6 rgb(121,192,166)
```
#86c6af
```
#86c6af rgb(134,198,175)
```
#93ccb8
```
#93ccb8 rgb(147,204,184)
```
#a1d3c1
```
#a1d3c1 rgb(161,211,193)
```
#aed9c9
```
#aed9c9 rgb(174,217,201)
```
#bbdfd2
```
#bbdfd2 rgb(187,223,210)
```
#c9e5db
```
#c9e5db rgb(201,229,219)
```
#d6ece4
```
#d6ece4 rgb(214,236,228)
```
#e3f2ed
```
#e3f2ed rgb(227,242,237)
```
#f1f8f6
```
#f1f8f6 rgb(241,248,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#a1aba7
```
#a1aba7 rgb(161,171,167)
```
#9bb1a9
```
#9bb1a9 rgb(155,177,169)
```
#94b8ab
```
#94b8ab rgb(148,184,171)
```
#8dbfad
```
#8dbfad rgb(141,191,173)
```
#86c6af
```
#86c6af rgb(134,198,175)
```
#7fcdb1
```
#7fcdb1 rgb(127,205,177)
```
#78d4b3
```
#78d4b3 rgb(120,212,179)
```
#71dbb5
```
#71dbb5 rgb(113,219,181)
```
#6be1b7
```
#6be1b7 rgb(107,225,183)
```
#64e8b9
```
#64e8b9 rgb(100,232,185)
```
#5defbb
```
#5defbb rgb(93,239,187)
```
#56f6bc
```
#56f6bc rgb(86,246,188)
```
#4ffdbe
```
#4ffdbe rgb(79,253,190)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a8b4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3bcac Protanopia 1% of men
#cfb6b9 Deuteranopia 1% of men
#94c4d2 Tritanopia 0.001% of the population

Trichromacy

#adbfad Protanomaly 1% of men, 0.01% of women
#b4bcb5 Deuteranomaly 6% of men, 0.4% of women
#8fc4c5 Tritanomaly 0.01% of the population

#86c6af hex color

#86c6af Color Information

#86c6af Color Conversion

Color Schemes with #86c6af

Alternatives to #86c6af

#86c6af Preview

Shades and Tints of #86c6af

Tones of #86c6af

Color Blindness Simulator