#86aab4 hex color

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

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

● #86aab4 color description : Slightly desaturated cyan.

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

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

CIE-LAB	67.361, -9.883, -9.154
XYZ	32.443, 37.112, 48.631
xyY	0.275, 0.314, 37.112
CIE-LCH	67.361, 13.471, 222.805
CIE-LUV	67.361, -18.64, -12.184
Hunter-Lab	60.92, -11.55, -4.687
Binary	10000110, 10101010, 10110100

#86aab4
```
#86aab4 rgb(134,170,180)
```
#b49086
```
#b49086 rgb(180,144,134)
```

Complementary Color

#86b4a7
```
#86b4a7 rgb(134,180,167)
```
#86aab4
```
#86aab4 rgb(134,170,180)
```
#8693b4
```
#8693b4 rgb(134,147,180)
```

Analogous Color

#b4a786
```
#b4a786 rgb(180,167,134)
```
#86aab4
```
#86aab4 rgb(134,170,180)
```
#b48693
```
#b48693 rgb(180,134,147)
```

Split Complementary Color

#aab486
```
#aab486 rgb(170,180,134)
```
#86aab4
```
#86aab4 rgb(134,170,180)
```
#b486aa
```
#b486aa rgb(180,134,170)
```

Triadic Color

#86b490
```
#86b490 rgb(134,180,144)
```
#86aab4
```
#86aab4 rgb(134,170,180)
```
#b486aa
```
#b486aa rgb(180,134,170)
```
#b49086
```
#b49086 rgb(180,144,134)
```

Tetradic Color

#5b8793
```
#5b8793 rgb(91,135,147)
```
#6794a0
```
#6794a0 rgb(103,148,160)
```
#769faa
```
#769faa rgb(118,159,170)
```
#86aab4
```
#86aab4 rgb(134,170,180)
```
#96b5be
```
#96b5be rgb(150,181,190)
```
#a5c0c8
```
#a5c0c8 rgb(165,192,200)
```
#b5cbd1
```
#b5cbd1 rgb(181,203,209)
```

Monochromatic Color

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

#86b4b3
```
#86b4b3 rgb(134,180,179)
```
#86b2b4
```
#86b2b4 rgb(134,178,180)
```
#86aeb4
```
#86aeb4 rgb(134,174,180)
```
#86aab4
```
#86aab4 rgb(134,170,180)
```
#86a6b4
```
#86a6b4 rgb(134,166,180)
```
#86a2b4
```
#86a2b4 rgb(134,162,180)
```
#869fb4
```
#869fb4 rgb(134,159,180)
```

Similar Colors

Text with hexadecimal color #86aab4

This text has a font color of #86aab4.

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

#86aab4 background color

This paragraph has a background color of #86aab4.

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

#86aab4 border color

This element has a border color of #86aab4.

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

CSS codes

.text {color:#86aab4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#0f1618
```
#0f1618 rgb(15,22,24)
```
#172124
```
#172124 rgb(23,33,36)
```
#1e2d31
```
#1e2d31 rgb(30,45,49)
```
#26383d
```
#26383d rgb(38,56,61)
```
#2d4349
```
#2d4349 rgb(45,67,73)
```
#354e55
```
#354e55 rgb(53,78,85)
```
#3c5961
```
#3c5961 rgb(60,89,97)
```
#44646d
```
#44646d rgb(68,100,109)
```
#4b6f79
```
#4b6f79 rgb(75,111,121)
```
#537a85
```
#537a85 rgb(83,122,133)
```
#5a8591
```
#5a8591 rgb(90,133,145)
```

Shade Color Variation

#62909d
```
#62909d rgb(98,144,157)
```
#6e99a5
```
#6e99a5 rgb(110,153,165)
```
#7aa1ac
```
#7aa1ac rgb(122,161,172)
```
#86aab4
```
#86aab4 rgb(134,170,180)
```
#92b3bc
```
#92b3bc rgb(146,179,188)
```
#9ebbc3
```
#9ebbc3 rgb(158,187,195)
```
#aac4cb
```
#aac4cb rgb(170,196,203)
```
#b6ccd2
```
#b6ccd2 rgb(182,204,210)
```
#c3d5da
```
#c3d5da rgb(195,213,218)
```
#cfdde1
```
#cfdde1 rgb(207,221,225)
```
#dbe6e9
```
#dbe6e9 rgb(219,230,233)
```
#e7eef0
```
#e7eef0 rgb(231,238,240)
```
#f3f7f8
```
#f3f7f8 rgb(243,247,248)
```

Tint Color Variation

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

#9d9d9d
```
#9d9d9d rgb(157,157,157)
```
#95a1a5
```
#95a1a5 rgb(149,161,165)
```
#8ea6ac
```
#8ea6ac rgb(142,166,172)
```
#86aab4
```
#86aab4 rgb(134,170,180)
```
#7eaebc
```
#7eaebc rgb(126,174,188)
```
#77b3c3
```
#77b3c3 rgb(119,179,195)
```
#6fb7cb
```
#6fb7cb rgb(111,183,203)
```
#68bbd2
```
#68bbd2 rgb(104,187,210)
```
#60bfda
```
#60bfda rgb(96,191,218)
```
#59c4e1
```
#59c4e1 rgb(89,196,225)
```
#51c8e9
```
#51c8e9 rgb(81,200,233)
```
#4accf0
```
#4accf0 rgb(74,204,240)
```
#42d0f8
```
#42d0f8 rgb(66,208,248)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9ba2a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a7b4 Protanopia 1% of men
#afa4bb Deuteranopia 1% of men
#8cadba Tritanopia 0.001% of the population

Trichromacy

#9ba8b4 Protanomaly 1% of men, 0.01% of women
#a0a6b8 Deuteranomaly 6% of men, 0.4% of women
#8aacb8 Tritanomaly 0.01% of the population

#86aab4 hex color

#86aab4 Color Information

#86aab4 Color Conversion

Color Schemes with #86aab4

Alternatives to #86aab4

#86aab4 Preview

Shades and Tints of #86aab4

Tones of #86aab4

Color Blindness Simulator