#86c8ac hex color

In a RGB color space, hex #86c8ac is composed of 52.5% red, 78.4% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 33% cyan, 0% magenta, 14% yellow and 21.6% black. It has a hue angle of 154.5 degrees, a saturation of 37.5% and a lightness of 65.5%. #86c8ac color hex could be obtained by blending #ffffff with #0d9159. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 78
- B 67
RGB color chart
- C 33
- M 0
- Y 14
- K 22
CMYK color chart

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

The hexadecimal color #86c8ac has RGB values of R:134, G:200, B:172 and CMYK values of C:0.33, M:0, Y:0.14, K:0.22. Its decimal value is 8833196.

Hex triplet	86c8ac	`#86c8ac`
RGB Decimal	134, 200, 172	`rgb(134,200,172)`
RGB Percent	52.5, 78.4, 67.5	`rgb(52.5%,78.4%,67.5%)`
CMYK	33, 0, 14, 22
HSL	154.5°, 37.5, 65.5	`hsl(154.5,37.5%,65.5%)`
HSV (or HSB)	154.5°, 33, 78.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	75.671, -27.017, 7.381
XYZ	37.93, 49.354, 46.555
xyY	0.283, 0.369, 49.354
CIE-LCH	75.671, 28.007, 164.719
CIE-LUV	75.671, -32.02, 15.322
Hunter-Lab	70.252, -26.567, 9.886
Binary	10000110, 11001000, 10101100

#86c8ac
```
#86c8ac rgb(134,200,172)
```
#c886a2
```
#c886a2 rgb(200,134,162)
```

Complementary Color

#86c88b
```
#86c88b rgb(134,200,139)
```
#86c8ac
```
#86c8ac rgb(134,200,172)
```
#86c3c8
```
#86c3c8 rgb(134,195,200)
```

Analogous Color

#c88b86
```
#c88b86 rgb(200,139,134)
```
#86c8ac
```
#86c8ac rgb(134,200,172)
```
#c886c3
```
#c886c3 rgb(200,134,195)
```

Split Complementary Color

#c8ac86
```
#c8ac86 rgb(200,172,134)
```
#86c8ac
```
#86c8ac rgb(134,200,172)
```
#ac86c8
```
#ac86c8 rgb(172,134,200)
```

Triadic Color

#a2c886
```
#a2c886 rgb(162,200,134)
```
#86c8ac
```
#86c8ac rgb(134,200,172)
```
#ac86c8
```
#ac86c8 rgb(172,134,200)
```
#c886a2
```
#c886a2 rgb(200,134,162)
```

Tetradic Color

#51b088
```
#51b088 rgb(81,176,136)
```
#63b894
```
#63b894 rgb(99,184,148)
```
#74c0a0
```
#74c0a0 rgb(116,192,160)
```
#86c8ac
```
#86c8ac rgb(134,200,172)
```
#98d0b8
```
#98d0b8 rgb(152,208,184)
```
#a9d8c4
```
#a9d8c4 rgb(169,216,196)
```
#bbe0d0
```
#bbe0d0 rgb(187,224,208)
```

Monochromatic Color

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

#86c89c
```
#86c89c rgb(134,200,156)
```
#86c8a1
```
#86c8a1 rgb(134,200,161)
```
#86c8a7
```
#86c8a7 rgb(134,200,167)
```
#86c8ac
```
#86c8ac rgb(134,200,172)
```
#86c8b2
```
#86c8b2 rgb(134,200,178)
```
#86c8b7
```
#86c8b7 rgb(134,200,183)
```
#86c8bd
```
#86c8bd rgb(134,200,189)
```

Similar Colors

Text with hexadecimal color #86c8ac

This text has a font color of #86c8ac.

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

#86c8ac background color

This paragraph has a background color of #86c8ac.

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

#86c8ac border color

This element has a border color of #86c8ac.

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

CSS codes

.text {color:#86c8ac;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0b
```
#060e0b rgb(6,14,11)
```
#0c1b15
```
#0c1b15 rgb(12,27,21)
```
#13291f
```
#13291f rgb(19,41,31)
```
#19362a
```
#19362a rgb(25,54,42)
```
#1f4434
```
#1f4434 rgb(31,68,52)
```
#25513e
```
#25513e rgb(37,81,62)
```
#2b5f49
```
#2b5f49 rgb(43,95,73)
```
#316c53
```
#316c53 rgb(49,108,83)
```
#377a5e
```
#377a5e rgb(55,122,94)
```
#3d8768
```
#3d8768 rgb(61,135,104)
```
#449572
```
#449572 rgb(68,149,114)
```
#4aa27d
```
#4aa27d rgb(74,162,125)
```

Shade Color Variation

#50af87
```
#50af87 rgb(80,175,135)
```
#5eb690
```
#5eb690 rgb(94,182,144)
```
#6bbc99
```
#6bbc99 rgb(107,188,153)
```
#79c2a3
```
#79c2a3 rgb(121,194,163)
```
#86c8ac
```
#86c8ac rgb(134,200,172)
```
#93ceb5
```
#93ceb5 rgb(147,206,181)
```
#a1d4bf
```
#a1d4bf rgb(161,212,191)
```
#aedac8
```
#aedac8 rgb(174,218,200)
```
#bce1d1
```
#bce1d1 rgb(188,225,209)
```
#c9e7da
```
#c9e7da rgb(201,231,218)
```
#d7ede4
```
#d7ede4 rgb(215,237,228)
```
#e4f3ed
```
#e4f3ed rgb(228,243,237)
```
#f2f9f6
```
#f2f9f6 rgb(242,249,246)
```

Tint Color Variation

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

#a1ada8
```
#a1ada8 rgb(161,173,168)
```
#9ab4a9
```
#9ab4a9 rgb(154,180,169)
```
#94baaa
```
#94baaa rgb(148,186,170)
```
#8dc1ab
```
#8dc1ab rgb(141,193,171)
```
#86c8ac
```
#86c8ac rgb(134,200,172)
```
#7fcfad
```
#7fcfad rgb(127,207,173)
```
#78d6ae
```
#78d6ae rgb(120,214,174)
```
#72dcaf
```
#72dcaf rgb(114,220,175)
```
#6be3b0
```
#6be3b0 rgb(107,227,176)
```
#64eab1
```
#64eab1 rgb(100,234,177)
```
#5df1b2
```
#5df1b2 rgb(93,241,178)
```
#57f7b3
```
#57f7b3 rgb(87,247,179)
```
#50feb4
```
#50feb4 rgb(80,254,180)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a8b6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bda9 Protanopia 1% of men
#d2b8b6 Deuteranopia 1% of men
#95c5d3 Tritanopia 0.001% of the population

Trichromacy

#aec1aa Protanomaly 1% of men, 0.01% of women
#b6bdb2 Deuteranomaly 6% of men, 0.4% of women
#90c6c5 Tritanomaly 0.01% of the population

#86c8ac hex color

#86c8ac Color Information

#86c8ac Color Conversion

Color Schemes with #86c8ac

Alternatives to #86c8ac

#86c8ac Preview

Shades and Tints of #86c8ac

Tones of #86c8ac

Color Blindness Simulator