#86b6a4 hex color

In a RGB color space, hex #86b6a4 is composed of 52.5% red, 71.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 26.4% cyan, 0% magenta, 9.9% yellow and 28.6% black. It has a hue angle of 157.5 degrees, a saturation of 24.7% and a lightness of 62%. #86b6a4 color hex could be obtained by blending #ffffff with #0d6d49. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 53
- G 71
- B 64
RGB color chart
- C 26
- M 0
- Y 10
- K 29
CMYK color chart

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

The hexadecimal color #86b6a4 has RGB values of R:134, G:182, B:164 and CMYK values of C:0.26, M:0, Y:0.1, K:0.29. Its decimal value is 8828580.

Hex triplet	86b6a4	`#86b6a4`
RGB Decimal	134, 182, 164	`rgb(134,182,164)`
RGB Percent	52.5, 71.4, 64.3	`rgb(52.5%,71.4%,64.3%)`
CMYK	26, 0, 10, 29
HSL	157.5°, 24.7, 62	`hsl(157.5,24.7%,62%)`
HSV (or HSB)	157.5°, 26.4, 71.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	70.318, -19.724, 4.025
XYZ	33.259, 41.203, 41.321
xyY	0.287, 0.356, 41.203
CIE-LCH	70.318, 20.131, 168.465
CIE-LUV	70.318, -23.99, 9.13
Hunter-Lab	64.19, -19.846, 6.766
Binary	10000110, 10110110, 10100100

#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#b68698
```
#b68698 rgb(182,134,152)
```

Complementary Color

#86b68c
```
#86b68c rgb(134,182,140)
```
#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#86b0b6
```
#86b0b6 rgb(134,176,182)
```

Analogous Color

#b68c86
```
#b68c86 rgb(182,140,134)
```
#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#b686b0
```
#b686b0 rgb(182,134,176)
```

Split Complementary Color

#b6a486
```
#b6a486 rgb(182,164,134)
```
#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#a486b6
```
#a486b6 rgb(164,134,182)
```

Triadic Color

#98b686
```
#98b686 rgb(152,182,134)
```
#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#a486b6
```
#a486b6 rgb(164,134,182)
```
#b68698
```
#b68698 rgb(182,134,152)
```

Tetradic Color

#5a957f
```
#5a957f rgb(90,149,127)
```
#66a38c
```
#66a38c rgb(102,163,140)
```
#76ac98
```
#76ac98 rgb(118,172,152)
```
#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#96c0b0
```
#96c0b0 rgb(150,192,176)
```
#a6c9bc
```
#a6c9bc rgb(166,201,188)
```
#b6d3c8
```
#b6d3c8 rgb(182,211,200)
```

Monochromatic Color

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

#86b698
```
#86b698 rgb(134,182,152)
```
#86b69c
```
#86b69c rgb(134,182,156)
```
#86b6a0
```
#86b6a0 rgb(134,182,160)
```
#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#86b6a8
```
#86b6a8 rgb(134,182,168)
```
#86b6ac
```
#86b6ac rgb(134,182,172)
```
#86b6b0
```
#86b6b0 rgb(134,182,176)
```

Similar Colors

Text with hexadecimal color #86b6a4

This text has a font color of #86b6a4.

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

#86b6a4 background color

This paragraph has a background color of #86b6a4.

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

#86b6a4 border color

This element has a border color of #86b6a4.

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

CSS codes

.text {color:#86b6a4;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080e0c
```
#080e0c rgb(8,14,12)
```
#101a16
```
#101a16 rgb(16,26,22)
```
#172620
```
#172620 rgb(23,38,32)
```
#1e322b
```
#1e322b rgb(30,50,43)
```
#263f35
```
#263f35 rgb(38,63,53)
```
#2d4b40
```
#2d4b40 rgb(45,75,64)
```
#34574a
```
#34574a rgb(52,87,74)
```
#3c6354
```
#3c6354 rgb(60,99,84)
```
#436f5f
```
#436f5f rgb(67,111,95)
```
#4b7c69
```
#4b7c69 rgb(75,124,105)
```
#528874
```
#528874 rgb(82,136,116)
```
#59947e
```
#59947e rgb(89,148,126)
```

Shade Color Variation

#61a088
```
#61a088 rgb(97,160,136)
```
#6ea792
```
#6ea792 rgb(110,167,146)
```
#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#92bdad
```
#92bdad rgb(146,189,173)
```
#9ec5b6
```
#9ec5b6 rgb(158,197,182)
```
#abccc0
```
#abccc0 rgb(171,204,192)
```
#b7d4c9
```
#b7d4c9 rgb(183,212,201)
```
#c3dbd2
```
#c3dbd2 rgb(195,219,210)
```
#cfe2db
```
#cfe2db rgb(207,226,219)
```
#dceae4
```
#dceae4 rgb(220,234,228)
```
#e8f1ee
```
#e8f1ee rgb(232,241,238)
```
#f4f8f7
```
#f4f8f7 rgb(244,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca09e is the less saturated color, while #43f9b5 is the most saturated one.

#9ca09e
```
#9ca09e rgb(156,160,158)
```
#95a7a0
```
#95a7a0 rgb(149,167,160)
```
#8dafa2
```
#8dafa2 rgb(141,175,162)
```
#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#7fbda6
```
#7fbda6 rgb(127,189,166)
```
#77c5a8
```
#77c5a8 rgb(119,197,168)
```
#70ccaa
```
#70ccaa rgb(112,204,170)
```
#68d4ab
```
#68d4ab rgb(104,212,171)
```
#61dbad
```
#61dbad rgb(97,219,173)
```
#59e3af
```
#59e3af rgb(89,227,175)
```
#52eab1
```
#52eab1 rgb(82,234,177)
```
#4af2b3
```
#4af2b3 rgb(74,242,179)
```
#43f9b5
```
#43f9b5 rgb(67,249,181)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a0a9a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6afa3 Protanopia 1% of men
#c1aaad Deuteranopia 1% of men
#92b5c2 Tritanopia 0.001% of the population

Trichromacy

#a4b1a3 Protanomaly 1% of men, 0.01% of women
#abaeaa Deuteranomaly 6% of men, 0.4% of women
#8eb5b7 Tritanomaly 0.01% of the population

#86b6a4 hex color

#86b6a4 Color Information

#86b6a4 Color Conversion

Color Schemes with #86b6a4

Alternatives to #86b6a4

#86b6a4 Preview

Shades and Tints of #86b6a4

Tones of #86b6a4

Color Blindness Simulator