#86b4aa hex color

In a RGB color space, hex #86b4aa is composed of 52.5% red, 70.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 5.6% yellow and 29.4% black. It has a hue angle of 167 degrees, a saturation of 23.5% and a lightness of 61.6%. #86b4aa color hex could be obtained by blending #ffffff with #0d6955. Closest websafe color is: #99cc99.

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

● #86b4aa color description : Slightly desaturated cyan.

The hexadecimal color #86b4aa has RGB values of R:134, G:180, B:170 and CMYK values of C:0.26, M:0, Y:0.06, K:0.29. Its decimal value is 8828074.

Hex triplet	86b4aa	`#86b4aa`
RGB Decimal	134, 180, 170	`rgb(134,180,170)`
RGB Percent	52.5, 70.6, 66.7	`rgb(52.5%,70.6%,66.7%)`
CMYK	26, 0, 6, 29
HSL	167°, 23.5, 61.6	`hsl(167,23.5%,61.6%)`
HSV (or HSB)	167°, 25.6, 70.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	69.903, -17.413, 0.126
XYZ	33.407, 40.612, 44.107
xyY	0.283, 0.344, 40.612
CIE-LCH	69.903, 17.414, 179.585
CIE-LUV	69.903, -23.08, 3.038
Hunter-Lab	63.728, -17.952, 3.574
Binary	10000110, 10110100, 10101010

#86b4aa
```
#86b4aa rgb(134,180,170)
```
#b48690
```
#b48690 rgb(180,134,144)
```

Complementary Color

#86b493
```
#86b493 rgb(134,180,147)
```
#86b4aa
```
#86b4aa rgb(134,180,170)
```
#86a7b4
```
#86a7b4 rgb(134,167,180)
```

Analogous Color

#b49386
```
#b49386 rgb(180,147,134)
```
#86b4aa
```
#86b4aa rgb(134,180,170)
```
#b486a7
```
#b486a7 rgb(180,134,167)
```

Split Complementary Color

#b4aa86
```
#b4aa86 rgb(180,170,134)
```
#86b4aa
```
#86b4aa rgb(134,180,170)
```
#aa86b4
```
#aa86b4 rgb(170,134,180)
```

Triadic Color

#90b486
```
#90b486 rgb(144,180,134)
```
#86b4aa
```
#86b4aa rgb(134,180,170)
```
#aa86b4
```
#aa86b4 rgb(170,134,180)
```
#b48690
```
#b48690 rgb(180,134,144)
```

Tetradic Color

#5b9387
```
#5b9387 rgb(91,147,135)
```
#67a094
```
#67a094 rgb(103,160,148)
```
#76aa9f
```
#76aa9f rgb(118,170,159)
```
#86b4aa
```
#86b4aa rgb(134,180,170)
```
#96beb5
```
#96beb5 rgb(150,190,181)
```
#a5c8c0
```
#a5c8c0 rgb(165,200,192)
```
#b5d1cb
```
#b5d1cb rgb(181,209,203)
```

Monochromatic Color

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

#86b49f
```
#86b49f rgb(134,180,159)
```
#86b4a2
```
#86b4a2 rgb(134,180,162)
```
#86b4a6
```
#86b4a6 rgb(134,180,166)
```
#86b4aa
```
#86b4aa rgb(134,180,170)
```
#86b4ae
```
#86b4ae rgb(134,180,174)
```
#86b4b2
```
#86b4b2 rgb(134,180,178)
```
#86b3b4
```
#86b3b4 rgb(134,179,180)
```

Similar Colors

Text with hexadecimal color #86b4aa

This text has a font color of #86b4aa.

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

#86b4aa background color

This paragraph has a background color of #86b4aa.

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

#86b4aa border color

This element has a border color of #86b4aa.

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

CSS codes

.text {color:#86b4aa;}

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

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

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 #f3f8f7 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#080c0b
```
#080c0b rgb(8,12,11)
```
#0f1816
```
#0f1816 rgb(15,24,22)
```
#172421
```
#172421 rgb(23,36,33)
```
#1e312d
```
#1e312d rgb(30,49,45)
```
#263d38
```
#263d38 rgb(38,61,56)
```
#2d4943
```
#2d4943 rgb(45,73,67)
```
#35554e
```
#35554e rgb(53,85,78)
```
#3c6159
```
#3c6159 rgb(60,97,89)
```
#446d64
```
#446d64 rgb(68,109,100)
```
#4b796f
```
#4b796f rgb(75,121,111)
```
#53857a
```
#53857a rgb(83,133,122)
```
#5a9185
```
#5a9185 rgb(90,145,133)
```

Shade Color Variation

#629d90
```
#629d90 rgb(98,157,144)
```
#6ea599
```
#6ea599 rgb(110,165,153)
```
#7aaca1
```
#7aaca1 rgb(122,172,161)
```
#86b4aa
```
#86b4aa rgb(134,180,170)
```
#92bcb3
```
#92bcb3 rgb(146,188,179)
```
#9ec3bb
```
#9ec3bb rgb(158,195,187)
```
#aacbc4
```
#aacbc4 rgb(170,203,196)
```
#b6d2cc
```
#b6d2cc rgb(182,210,204)
```
#c3dad5
```
#c3dad5 rgb(195,218,213)
```
#cfe1dd
```
#cfe1dd rgb(207,225,221)
```
#dbe9e6
```
#dbe9e6 rgb(219,233,230)
```
#e7f0ee
```
#e7f0ee rgb(231,240,238)
```
#f3f8f7
```
#f3f8f7 rgb(243,248,247)
```

Tint Color Variation

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

#9d9d9d
```
#9d9d9d rgb(157,157,157)
```
#95a5a1
```
#95a5a1 rgb(149,165,161)
```
#8eaca6
```
#8eaca6 rgb(142,172,166)
```
#86b4aa
```
#86b4aa rgb(134,180,170)
```
#7ebcae
```
#7ebcae rgb(126,188,174)
```
#77c3b3
```
#77c3b3 rgb(119,195,179)
```
#6fcbb7
```
#6fcbb7 rgb(111,203,183)
```
#68d2bb
```
#68d2bb rgb(104,210,187)
```
#60dabf
```
#60dabf rgb(96,218,191)
```
#59e1c4
```
#59e1c4 rgb(89,225,196)
```
#51e9c8
```
#51e9c8 rgb(81,233,200)
```
#4af0cc
```
#4af0cc rgb(74,240,204)
```
#42f8d0
```
#42f8d0 rgb(66,248,208)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9fa8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3aea9 Protanopia 1% of men
#bdaab3 Deuteranopia 1% of men
#91b4c1 Tritanopia 0.001% of the population

Trichromacy

#a2b0a9 Protanomaly 1% of men, 0.01% of women
#a9adaf Deuteranomaly 6% of men, 0.4% of women
#8db4b9 Tritanomaly 0.01% of the population

#86b4aa hex color

#86b4aa Color Information

#86b4aa Color Conversion

Color Schemes with #86b4aa

Alternatives to #86b4aa

#86b4aa Preview

Shades and Tints of #86b4aa

Tones of #86b4aa

Color Blindness Simulator