#86a6bc hex color

In a RGB color space, hex #86a6bc is composed of 52.5% red, 65.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 28.7% cyan, 11.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 204.4 degrees, a saturation of 28.7% and a lightness of 63.1%. #86a6bc color hex could be obtained by blending #ffffff with #0d4d79. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 65
- B 74
RGB color chart
- C 29
- M 12
- Y 0
- K 26
CMYK color chart

● #86a6bc color description : Slightly desaturated blue.

The hexadecimal color #86a6bc has RGB values of R:134, G:166, B:188 and CMYK values of C:0.29, M:0.12, Y:0, K:0.26. Its decimal value is 8824508.

Hex triplet	86a6bc	`#86a6bc`
RGB Decimal	134, 166, 188	`rgb(134,166,188)`
RGB Percent	52.5, 65.1, 73.7	`rgb(52.5%,65.1%,73.7%)`
CMYK	29, 12, 0, 26
HSL	204.4°, 28.7, 63.1	`hsl(204.4,28.7%,63.1%)`
HSV (or HSB)	204.4°, 28.7, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.497, -5.801, -14.894
XYZ	32.543, 35.971, 52.803
xyY	0.268, 0.297, 35.971
CIE-LCH	66.497, 15.984, 248.718
CIE-LUV	66.497, -16.985, -21.761
Hunter-Lab	59.976, -8.103, -10.216
Binary	10000110, 10100110, 10111100

#86a6bc
```
#86a6bc rgb(134,166,188)
```
#bc9c86
```
#bc9c86 rgb(188,156,134)
```

Complementary Color

#86bcb7
```
#86bcb7 rgb(134,188,183)
```
#86a6bc
```
#86a6bc rgb(134,166,188)
```
#868bbc
```
#868bbc rgb(134,139,188)
```

Analogous Color

#bcb786
```
#bcb786 rgb(188,183,134)
```
#86a6bc
```
#86a6bc rgb(134,166,188)
```
#bc868b
```
#bc868b rgb(188,134,139)
```

Split Complementary Color

#a6bc86
```
#a6bc86 rgb(166,188,134)
```
#86a6bc
```
#86a6bc rgb(134,166,188)
```
#bc86a6
```
#bc86a6 rgb(188,134,166)
```

Triadic Color

#86bc9c
```
#86bc9c rgb(134,188,156)
```
#86a6bc
```
#86a6bc rgb(134,166,188)
```
#bc86a6
```
#bc86a6 rgb(188,134,166)
```
#bc9c86
```
#bc9c86 rgb(188,156,134)
```

Tetradic Color

#57819e
```
#57819e rgb(87,129,158)
```
#658eaa
```
#658eaa rgb(101,142,170)
```
#769ab3
```
#769ab3 rgb(118,154,179)
```
#86a6bc
```
#86a6bc rgb(134,166,188)
```
#96b2c5
```
#96b2c5 rgb(150,178,197)
```
#a7bece
```
#a7bece rgb(167,190,206)
```
#b7cad7
```
#b7cad7 rgb(183,202,215)
```

Monochromatic Color

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

#86b4bc
```
#86b4bc rgb(134,180,188)
```
#86afbc
```
#86afbc rgb(134,175,188)
```
#86abbc
```
#86abbc rgb(134,171,188)
```
#86a6bc
```
#86a6bc rgb(134,166,188)
```
#86a2bc
```
#86a2bc rgb(134,162,188)
```
#869dbc
```
#869dbc rgb(134,157,188)
```
#8699bc
```
#8699bc rgb(134,153,188)
```

Similar Colors

Text with hexadecimal color #86a6bc

This text has a font color of #86a6bc.

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

#86a6bc background color

This paragraph has a background color of #86a6bc.

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

#86a6bc border color

This element has a border color of #86a6bc.

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

CSS codes

.text {color:#86a6bc;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0f12
```
#0a0f12 rgb(10,15,18)
```
#11191e
```
#11191e rgb(17,25,30)
```
#18232b
```
#18232b rgb(24,35,43)
```
#1f2e38
```
#1f2e38 rgb(31,46,56)
```
#263844
```
#263844 rgb(38,56,68)
```
#2d4251
```
#2d4251 rgb(45,66,81)
```
#344d5e
```
#344d5e rgb(52,77,94)
```
#3b576a
```
#3b576a rgb(59,87,106)
```
#426177
```
#426177 rgb(66,97,119)
```
#496c83
```
#496c83 rgb(73,108,131)
```
#507690
```
#507690 rgb(80,118,144)
```
#57809d
```
#57809d rgb(87,128,157)
```

Shade Color Variation

#608aa7
```
#608aa7 rgb(96,138,167)
```
#6d93ae
```
#6d93ae rgb(109,147,174)
```
#799db5
```
#799db5 rgb(121,157,181)
```
#86a6bc
```
#86a6bc rgb(134,166,188)
```
#93afc3
```
#93afc3 rgb(147,175,195)
```
#9fb9ca
```
#9fb9ca rgb(159,185,202)
```
#acc2d1
```
#acc2d1 rgb(172,194,209)
```
#b8cbd8
```
#b8cbd8 rgb(184,203,216)
```
#c5d4df
```
#c5d4df rgb(197,212,223)
```
#d2dee6
```
#d2dee6 rgb(210,222,230)
```
#dee7ed
```
#dee7ed rgb(222,231,237)
```
#ebf0f4
```
#ebf0f4 rgb(235,240,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#9ca2a6
```
#9ca2a6 rgb(156,162,166)
```
#94a3ae
```
#94a3ae rgb(148,163,174)
```
#8da5b5
```
#8da5b5 rgb(141,165,181)
```
#86a6bc
```
#86a6bc rgb(134,166,188)
```
#7fa7c3
```
#7fa7c3 rgb(127,167,195)
```
#78a9ca
```
#78a9ca rgb(120,169,202)
```
#70aad2
```
#70aad2 rgb(112,170,210)
```
#69abd9
```
#69abd9 rgb(105,171,217)
```
#62ade0
```
#62ade0 rgb(98,173,224)
```
#5baee7
```
#5baee7 rgb(91,174,231)
```
#53afef
```
#53afef rgb(83,175,239)
```
#4cb1f6
```
#4cb1f6 rgb(76,177,246)
```
#45b2fd
```
#45b2fd rgb(69,178,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9aa0a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a5bc Protanopia 1% of men
#a7a2c2 Deuteranopia 1% of men
#8aabb8 Tritanopia 0.001% of the population

Trichromacy

#98a5bc Protanomaly 1% of men, 0.01% of women
#9ba4bf Deuteranomaly 6% of men, 0.4% of women
#88a9b9 Tritanomaly 0.01% of the population

#86a6bc hex color

#86a6bc Color Information

#86a6bc Color Conversion

Color Schemes with #86a6bc

Alternatives to #86a6bc

#86a6bc Preview

Shades and Tints of #86a6bc

Tones of #86a6bc

Color Blindness Simulator