#86a8bb hex color

In a RGB color space, hex #86a8bb is composed of 52.5% red, 65.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 10.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 201.5 degrees, a saturation of 28% and a lightness of 62.9%. #86a8bb color hex could be obtained by blending #ffffff with #0d5177. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 66
- B 73
RGB color chart
- C 28
- M 10
- Y 0
- K 27
CMYK color chart

● #86a8bb color description : Slightly desaturated blue.

The hexadecimal color #86a8bb has RGB values of R:134, G:168, B:187 and CMYK values of C:0.28, M:0.1, Y:0, K:0.27. Its decimal value is 8825019.

Hex triplet	86a8bb	`#86a8bb`
RGB Decimal	134, 168, 187	`rgb(134,168,187)`
RGB Percent	52.5, 65.9, 73.3	`rgb(52.5%,65.9%,73.3%)`
CMYK	28, 10, 0, 27
HSL	201.5°, 28, 62.9	`hsl(201.5,28%,62.9%)`
HSV (or HSB)	201.5°, 28.3, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.021, -7.135, -13.549
XYZ	32.802, 36.66, 52.359
xyY	0.269, 0.301, 36.66
CIE-LCH	67.021, 15.313, 242.229
CIE-LUV	67.021, -17.845, -19.461
Hunter-Lab	60.548, -9.257, -8.888
Binary	10000110, 10101000, 10111011

#86a8bb
```
#86a8bb rgb(134,168,187)
```
#bb9986
```
#bb9986 rgb(187,153,134)
```

Complementary Color

#86bbb4
```
#86bbb4 rgb(134,187,180)
```
#86a8bb
```
#86a8bb rgb(134,168,187)
```
#868ebb
```
#868ebb rgb(134,142,187)
```

Analogous Color

#bbb486
```
#bbb486 rgb(187,180,134)
```
#86a8bb
```
#86a8bb rgb(134,168,187)
```
#bb868e
```
#bb868e rgb(187,134,142)
```

Split Complementary Color

#a8bb86
```
#a8bb86 rgb(168,187,134)
```
#86a8bb
```
#86a8bb rgb(134,168,187)
```
#bb86a8
```
#bb86a8 rgb(187,134,168)
```

Triadic Color

#86bb99
```
#86bb99 rgb(134,187,153)
```
#86a8bb
```
#86a8bb rgb(134,168,187)
```
#bb86a8
```
#bb86a8 rgb(187,134,168)
```
#bb9986
```
#bb9986 rgb(187,153,134)
```

Tetradic Color

#58849d
```
#58849d rgb(88,132,157)
```
#6591a9
```
#6591a9 rgb(101,145,169)
```
#769cb2
```
#769cb2 rgb(118,156,178)
```
#86a8bb
```
#86a8bb rgb(134,168,187)
```
#96b4c4
```
#96b4c4 rgb(150,180,196)
```
#a7bfcd
```
#a7bfcd rgb(167,191,205)
```
#b7cbd7
```
#b7cbd7 rgb(183,203,215)
```

Monochromatic Color

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

#86b5bb
```
#86b5bb rgb(134,181,187)
```
#86b1bb
```
#86b1bb rgb(134,177,187)
```
#86acbb
```
#86acbb rgb(134,172,187)
```
#86a8bb
```
#86a8bb rgb(134,168,187)
```
#86a4bb
```
#86a4bb rgb(134,164,187)
```
#869fbb
```
#869fbb rgb(134,159,187)
```
#869bbb
```
#869bbb rgb(134,155,187)
```

Similar Colors

Text with hexadecimal color #86a8bb

This text has a font color of #86a8bb.

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

#86a8bb background color

This paragraph has a background color of #86a8bb.

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

#86a8bb border color

This element has a border color of #86a8bb.

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

CSS codes

.text {color:#86a8bb;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0e11
```
#0a0e11 rgb(10,14,17)
```
#11191e
```
#11191e rgb(17,25,30)
```
#18242a
```
#18242a rgb(24,36,42)
```
#1f2e37
```
#1f2e37 rgb(31,46,55)
```
#263943
```
#263943 rgb(38,57,67)
```
#2d4350
```
#2d4350 rgb(45,67,80)
```
#344e5c
```
#344e5c rgb(52,78,92)
```
#3b5969
```
#3b5969 rgb(59,89,105)
```
#426376
```
#426376 rgb(66,99,118)
```
#496e82
```
#496e82 rgb(73,110,130)
```
#50788f
```
#50788f rgb(80,120,143)
```
#57839b
```
#57839b rgb(87,131,155)
```

Shade Color Variation

#608da6
```
#608da6 rgb(96,141,166)
```
#6d96ad
```
#6d96ad rgb(109,150,173)
```
#799fb4
```
#799fb4 rgb(121,159,180)
```
#86a8bb
```
#86a8bb rgb(134,168,187)
```
#93b1c2
```
#93b1c2 rgb(147,177,194)
```
#9fbac9
```
#9fbac9 rgb(159,186,201)
```
#acc3d0
```
#acc3d0 rgb(172,195,208)
```
#b8ccd7
```
#b8ccd7 rgb(184,204,215)
```
#c5d5de
```
#c5d5de rgb(197,213,222)
```
#d1dee5
```
#d1dee5 rgb(209,222,229)
```
#dee7ec
```
#dee7ec rgb(222,231,236)
```
#eaf0f3
```
#eaf0f3 rgb(234,240,243)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#95a4ac
```
#95a4ac rgb(149,164,172)
```
#8da6b4
```
#8da6b4 rgb(141,166,180)
```
#86a8bb
```
#86a8bb rgb(134,168,187)
```
#7faac2
```
#7faac2 rgb(127,170,194)
```
#77acca
```
#77acca rgb(119,172,202)
```
#70aed1
```
#70aed1 rgb(112,174,209)
```
#69b0d8
```
#69b0d8 rgb(105,176,216)
```
#62b2df
```
#62b2df rgb(98,178,223)
```
#5ab4e7
```
#5ab4e7 rgb(90,180,231)
```
#53b6ee
```
#53b6ee rgb(83,182,238)
```
#4cb8f5
```
#4cb8f5 rgb(76,184,245)
```
#45bbfc
```
#45bbfc rgb(69,187,252)
```

Tone Color Variation

Below, you can see how #86a8bb 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
#9ba2a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a6bb Protanopia 1% of men
#aaa4c1 Deuteranopia 1% of men
#8badb9 Tritanopia 0.001% of the population

Trichromacy

#99a7bb Protanomaly 1% of men, 0.01% of women
#9da5bf Deuteranomaly 6% of men, 0.4% of women
#89abba Tritanomaly 0.01% of the population

#86a8bb hex color

#86a8bb Color Information

#86a8bb Color Conversion

Color Schemes with #86a8bb

Alternatives to #86a8bb

#86a8bb Preview

Shades and Tints of #86a8bb

Tones of #86a8bb

Color Blindness Simulator