colorhexa.com

#86a4b7 hex color

In a RGB color space, hex #86a4b7 is composed of 52.5% red, 64.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 10.4% magenta, 0% yellow and 28.2% black. It has a hue angle of 203.3 degrees, a saturation of 25.4% and a lightness of 62.2%. #86a4b7 color hex could be obtained by blending #ffffff with #0d496f. Closest websafe color is: #9999cc.

- R 53
- G 64
- B 72
RGB color chart
- C 27
- M 10
- Y 0
- K 28
CMYK color chart

● #86a4b7 color description : Slightly desaturated blue.

The hexadecimal color #86a4b7 has RGB values of R:134, G:164, B:183 and CMYK values of C:0.27, M:0.1, Y:0, K:0.28. Its decimal value is 8823991.

Hex triplet	86a4b7	`#86a4b7`
RGB Decimal	134, 164, 183	`rgb(134,164,183)`
RGB Percent	52.5, 64.3, 71.8	`rgb(52.5%,64.3%,71.8%)`
CMYK	27, 10, 0, 28
HSL	203.3°, 25.4, 62.2	`hsl(203.3,25.4%,62.2%)`
HSV (or HSB)	203.3°, 26.8, 71.8
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.778, -5.919, -13.193
XYZ	31.652, 35.037, 49.892
xyY	0.272, 0.301, 35.037
CIE-LCH	65.778, 14.46, 245.838
CIE-LUV	65.778, -16.018, -19.024
Hunter-Lab	59.192, -8.136, -8.54
Binary	10000110, 10100100, 10110111

#86a4b7
```
#86a4b7 rgb(134,164,183)
```
#b79986
```
#b79986 rgb(183,153,134)
```

Complementary Color

#86b7b2
```
#86b7b2 rgb(134,183,178)
```
#86a4b7
```
#86a4b7 rgb(134,164,183)
```
#868cb7
```
#868cb7 rgb(134,140,183)
```

Analogous Color

#b7b286
```
#b7b286 rgb(183,178,134)
```
#86a4b7
```
#86a4b7 rgb(134,164,183)
```
#b7868c
```
#b7868c rgb(183,134,140)
```

Split Complementary Color

#a4b786
```
#a4b786 rgb(164,183,134)
```
#86a4b7
```
#86a4b7 rgb(134,164,183)
```
#b786a4
```
#b786a4 rgb(183,134,164)
```

Triadic Color

#86b799
```
#86b799 rgb(134,183,153)
```
#86a4b7
```
#86a4b7 rgb(134,164,183)
```
#b786a4
```
#b786a4 rgb(183,134,164)
```
#b79986
```
#b79986 rgb(183,153,134)
```

Tetradic Color

#5a7f97
```
#5a7f97 rgb(90,127,151)
```
#668ca4
```
#668ca4 rgb(102,140,164)
```
#7698ad
```
#7698ad rgb(118,152,173)
```
#86a4b7
```
#86a4b7 rgb(134,164,183)
```
#96b0c1
```
#96b0c1 rgb(150,176,193)
```
#a6bcca
```
#a6bcca rgb(166,188,202)
```
#b6c8d4
```
#b6c8d4 rgb(182,200,212)
```

Monochromatic Color

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

#86b0b7
```
#86b0b7 rgb(134,176,183)
```
#86acb7
```
#86acb7 rgb(134,172,183)
```
#86a8b7
```
#86a8b7 rgb(134,168,183)
```
#86a4b7
```
#86a4b7 rgb(134,164,183)
```
#86a0b7
```
#86a0b7 rgb(134,160,183)
```
#869cb7
```
#869cb7 rgb(134,156,183)
```
#8698b7
```
#8698b7 rgb(134,152,183)
```

Similar Colors

Text with hexadecimal color #86a4b7

This text has a font color of #86a4b7.

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

#86a4b7 background color

This paragraph has a background color of #86a4b7.

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

#86a4b7 border color

This element has a border color of #86a4b7.

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

CSS codes

.text {color:#86a4b7;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080c0e
```
#080c0e rgb(8,12,14)
```
#10161b
```
#10161b rgb(16,22,27)
```
#172127
```
#172127 rgb(23,33,39)
```
#1e2b33
```
#1e2b33 rgb(30,43,51)
```
#26363f
```
#26363f rgb(38,54,63)
```
#2d404c
```
#2d404c rgb(45,64,76)
```
#344a58
```
#344a58 rgb(52,74,88)
```
#3c5564
```
#3c5564 rgb(60,85,100)
```
#435f71
```
#435f71 rgb(67,95,113)
```
#4a697d
```
#4a697d rgb(74,105,125)
```
#527489
```
#527489 rgb(82,116,137)
```
#597e96
```
#597e96 rgb(89,126,150)
```

Shade Color Variation

#6188a1
```
#6188a1 rgb(97,136,161)
```
#6d92a8
```
#6d92a8 rgb(109,146,168)
```
#7a9bb0
```
#7a9bb0 rgb(122,155,176)
```
#86a4b7
```
#86a4b7 rgb(134,164,183)
```
#92adbe
```
#92adbe rgb(146,173,190)
```
#9fb6c6
```
#9fb6c6 rgb(159,182,198)
```
#abc0cd
```
#abc0cd rgb(171,192,205)
```
#b7c9d4
```
#b7c9d4 rgb(183,201,212)
```
#c3d2dc
```
#c3d2dc rgb(195,210,220)
```
#d0dbe3
```
#d0dbe3 rgb(208,219,227)
```
#dce5ea
```
#dce5ea rgb(220,229,234)
```
#e8eef2
```
#e8eef2 rgb(232,238,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#9c9fa1
```
#9c9fa1 rgb(156,159,161)
```
#95a1a8
```
#95a1a8 rgb(149,161,168)
```
#8da2b0
```
#8da2b0 rgb(141,162,176)
```
#86a4b7
```
#86a4b7 rgb(134,164,183)
```
#7fa6be
```
#7fa6be rgb(127,166,190)
```
#77a7c6
```
#77a7c6 rgb(119,167,198)
```
#70a9cd
```
#70a9cd rgb(112,169,205)
```
#68abd5
```
#68abd5 rgb(104,171,213)
```
#61acdc
```
#61acdc rgb(97,172,220)
```
#59aee4
```
#59aee4 rgb(89,174,228)
```
#52b0eb
```
#52b0eb rgb(82,176,235)
```
#4bb1f2
```
#4bb1f2 rgb(75,177,242)
```
#43b3fa
```
#43b3fa rgb(67,179,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#989ea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a3b7 Protanopia 1% of men
#a7a1bd Deuteranopia 1% of men
#8ba9b5 Tritanopia 0.001% of the population

Trichromacy

#97a3b7 Protanomaly 1% of men, 0.01% of women
#9ba2bb Deuteranomaly 6% of men, 0.4% of women
#89a7b6 Tritanomaly 0.01% of the population