#86b4ab hex color

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

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

● #86b4ab color description : Slightly desaturated cyan.

The hexadecimal color #86b4ab has RGB values of R:134, G:180, B:171 and CMYK values of C:0.26, M:0, Y:0.05, K:0.29. Its decimal value is 8828075.

Hex triplet	86b4ab	`#86b4ab`
RGB Decimal	134, 180, 171	`rgb(134,180,171)`
RGB Percent	52.5, 70.6, 67.1	`rgb(52.5%,70.6%,67.1%)`
CMYK	26, 0, 5, 29
HSL	168.3°, 23.5, 61.6	`hsl(168.3,23.5%,61.6%)`
HSV (or HSB)	168.3°, 25.6, 70.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	69.93, -17.195, -0.385
XYZ	33.502, 40.65, 44.607
xyY	0.282, 0.342, 40.65
CIE-LCH	69.93, 17.199, 181.283
CIE-LUV	69.93, -23.081, 2.245
Hunter-Lab	63.757, -17.782, 3.149
Binary	10000110, 10110100, 10101011

#86b4ab
```
#86b4ab rgb(134,180,171)
```
#b4868f
```
#b4868f rgb(180,134,143)
```

Complementary Color

#86b494
```
#86b494 rgb(134,180,148)
```
#86b4ab
```
#86b4ab rgb(134,180,171)
```
#86a6b4
```
#86a6b4 rgb(134,166,180)
```

Analogous Color

#b49486
```
#b49486 rgb(180,148,134)
```
#86b4ab
```
#86b4ab rgb(134,180,171)
```
#b486a6
```
#b486a6 rgb(180,134,166)
```

Split Complementary Color

#b4ab86
```
#b4ab86 rgb(180,171,134)
```
#86b4ab
```
#86b4ab rgb(134,180,171)
```
#ab86b4
```
#ab86b4 rgb(171,134,180)
```

Triadic Color

#8fb486
```
#8fb486 rgb(143,180,134)
```
#86b4ab
```
#86b4ab rgb(134,180,171)
```
#ab86b4
```
#ab86b4 rgb(171,134,180)
```
#b4868f
```
#b4868f rgb(180,134,143)
```

Tetradic Color

#5b9388
```
#5b9388 rgb(91,147,136)
```
#67a095
```
#67a095 rgb(103,160,149)
```
#76aaa0
```
#76aaa0 rgb(118,170,160)
```
#86b4ab
```
#86b4ab rgb(134,180,171)
```
#96beb6
```
#96beb6 rgb(150,190,182)
```
#a5c8c1
```
#a5c8c1 rgb(165,200,193)
```
#b5d1cc
```
#b5d1cc rgb(181,209,204)
```

Monochromatic Color

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

#86b4a0
```
#86b4a0 rgb(134,180,160)
```
#86b4a3
```
#86b4a3 rgb(134,180,163)
```
#86b4a7
```
#86b4a7 rgb(134,180,167)
```
#86b4ab
```
#86b4ab rgb(134,180,171)
```
#86b4af
```
#86b4af rgb(134,180,175)
```
#86b4b3
```
#86b4b3 rgb(134,180,179)
```
#86b2b4
```
#86b2b4 rgb(134,178,180)
```

Similar Colors

Text with hexadecimal color #86b4ab

This text has a font color of #86b4ab.

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

#86b4ab background color

This paragraph has a background color of #86b4ab.

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

#86b4ab border color

This element has a border color of #86b4ab.

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

CSS codes

.text {color:#86b4ab;}

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

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

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)
```
#0f1817
```
#0f1817 rgb(15,24,23)
```
#172422
```
#172422 rgb(23,36,34)
```
#1e312d
```
#1e312d rgb(30,49,45)
```
#263d38
```
#263d38 rgb(38,61,56)
```
#2d4943
```
#2d4943 rgb(45,73,67)
```
#35554f
```
#35554f rgb(53,85,79)
```
#3c615a
```
#3c615a rgb(60,97,90)
```
#446d65
```
#446d65 rgb(68,109,101)
```
#4b7970
```
#4b7970 rgb(75,121,112)
```
#53857b
```
#53857b rgb(83,133,123)
```
#5a9187
```
#5a9187 rgb(90,145,135)
```

Shade Color Variation

#629d92
```
#629d92 rgb(98,157,146)
```
#6ea59a
```
#6ea59a rgb(110,165,154)
```
#7aaca3
```
#7aaca3 rgb(122,172,163)
```
#86b4ab
```
#86b4ab rgb(134,180,171)
```
#92bcb3
```
#92bcb3 rgb(146,188,179)
```
#9ec3bc
```
#9ec3bc rgb(158,195,188)
```
#aacbc4
```
#aacbc4 rgb(170,203,196)
```
#b6d2cd
```
#b6d2cd rgb(182,210,205)
```
#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 #42f8d4 is the most saturated one.

#9d9d9d
```
#9d9d9d rgb(157,157,157)
```
#95a5a2
```
#95a5a2 rgb(149,165,162)
```
#8eaca6
```
#8eaca6 rgb(142,172,166)
```
#86b4ab
```
#86b4ab rgb(134,180,171)
```
#7ebcb0
```
#7ebcb0 rgb(126,188,176)
```
#77c3b4
```
#77c3b4 rgb(119,195,180)
```
#6fcbb9
```
#6fcbb9 rgb(111,203,185)
```
#68d2bd
```
#68d2bd rgb(104,210,189)
```
#60dac2
```
#60dac2 rgb(96,218,194)
```
#59e1c7
```
#59e1c7 rgb(89,225,199)
```
#51e9cb
```
#51e9cb rgb(81,233,203)
```
#4af0d0
```
#4af0d0 rgb(74,240,208)
```
#42f8d4
```
#42f8d4 rgb(66,248,212)
```

Tone Color Variation

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

#b3aeaa Protanopia 1% of men
#bdaab3 Deuteranopia 1% of men
#91b4c2 Tritanopia 0.001% of the population

Trichromacy

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

#86b4ab hex color

#86b4ab Color Information

#86b4ab Color Conversion

Color Schemes with #86b4ab

Alternatives to #86b4ab

#86b4ab Preview

Shades and Tints of #86b4ab

Tones of #86b4ab

Color Blindness Simulator