#86a6c7 hex color

In a RGB color space, hex #86a6c7 is composed of 52.5% red, 65.1% green and 78% blue. Whereas in a CMYK color space, it is composed of 32.7% cyan, 16.6% magenta, 0% yellow and 22% black. It has a hue angle of 210.5 degrees, a saturation of 36.7% and a lightness of 65.3%. #86a6c7 color hex could be obtained by blending #ffffff with #0d4d8f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 65
- B 78
RGB color chart
- C 33
- M 17
- Y 0
- K 22
CMYK color chart

● #86a6c7 color description : Slightly desaturated blue.

The hexadecimal color #86a6c7 has RGB values of R:134, G:166, B:199 and CMYK values of C:0.33, M:0.17, Y:0, K:0.22. Its decimal value is 8824519.

Hex triplet	86a6c7	`#86a6c7`
RGB Decimal	134, 166, 199	`rgb(134,166,199)`
RGB Percent	52.5, 65.1, 78	`rgb(52.5%,65.1%,78%)`
CMYK	33, 17, 0, 22
HSL	210.5°, 36.7, 65.3	`hsl(210.5,36.7%,65.3%)`
HSV (or HSB)	210.5°, 32.7, 78
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.872, -3.06, -20.434
XYZ	33.774, 36.463, 59.288
xyY	0.261, 0.282, 36.463
CIE-LCH	66.872, 20.662, 261.485
CIE-LUV	66.872, -17.169, -31.062
Hunter-Lab	60.385, -5.835, -15.944
Binary	10000110, 10100110, 11000111

#86a6c7
```
#86a6c7 rgb(134,166,199)
```
#c7a786
```
#c7a786 rgb(199,167,134)
```

Complementary Color

#86c7c7
```
#86c7c7 rgb(134,199,199)
```
#86a6c7
```
#86a6c7 rgb(134,166,199)
```
#8786c7
```
#8786c7 rgb(135,134,199)
```

Analogous Color

#c7c786
```
#c7c786 rgb(199,199,134)
```
#86a6c7
```
#86a6c7 rgb(134,166,199)
```
#c78786
```
#c78786 rgb(199,135,134)
```

Split Complementary Color

#a6c786
```
#a6c786 rgb(166,199,134)
```
#86a6c7
```
#86a6c7 rgb(134,166,199)
```
#c786a6
```
#c786a6 rgb(199,134,166)
```

Triadic Color

#86c7a7
```
#86c7a7 rgb(134,199,167)
```
#86a6c7
```
#86a6c7 rgb(134,166,199)
```
#c786a6
```
#c786a6 rgb(199,134,166)
```
#c7a786
```
#c7a786 rgb(199,167,134)
```

Tetradic Color

#5280af
```
#5280af rgb(82,128,175)
```
#638cb7
```
#638cb7 rgb(99,140,183)
```
#7599bf
```
#7599bf rgb(117,153,191)
```
#86a6c7
```
#86a6c7 rgb(134,166,199)
```
#97b3cf
```
#97b3cf rgb(151,179,207)
```
#a9c0d7
```
#a9c0d7 rgb(169,192,215)
```
#baccdf
```
#baccdf rgb(186,204,223)
```

Monochromatic Color

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

#86b6c7
```
#86b6c7 rgb(134,182,199)
```
#86b1c7
```
#86b1c7 rgb(134,177,199)
```
#86abc7
```
#86abc7 rgb(134,171,199)
```
#86a6c7
```
#86a6c7 rgb(134,166,199)
```
#86a1c7
```
#86a1c7 rgb(134,161,199)
```
#869bc7
```
#869bc7 rgb(134,155,199)
```
#8696c7
```
#8696c7 rgb(134,150,199)
```

Similar Colors

Text with hexadecimal color #86a6c7

This text has a font color of #86a6c7.

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

#86a6c7 background color

This paragraph has a background color of #86a6c7.

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

#86a6c7 border color

This element has a border color of #86a6c7.

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

CSS codes

.text {color:#86a6c7;}

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

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

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, #060a0d is the darkest color, while #ffffff is the lightest one.

#060a0d
```
#060a0d rgb(6,10,13)
```
#0c131b
```
#0c131b rgb(12,19,27)
```
#121d28
```
#121d28 rgb(18,29,40)
```
#192735
```
#192735 rgb(25,39,53)
```
#1f3143
```
#1f3143 rgb(31,49,67)
```
#253a50
```
#253a50 rgb(37,58,80)
```
#2b445e
```
#2b445e rgb(43,68,94)
```
#324e6b
```
#324e6b rgb(50,78,107)
```
#385878
```
#385878 rgb(56,88,120)
```
#3e6186
```
#3e6186 rgb(62,97,134)
```
#446b93
```
#446b93 rgb(68,107,147)
```
#4a75a1
```
#4a75a1 rgb(74,117,161)
```
#517fae
```
#517fae rgb(81,127,174)
```

Shade Color Variation

#5e88b4
```
#5e88b4 rgb(94,136,180)
```
#6b92bb
```
#6b92bb rgb(107,146,187)
```
#799cc1
```
#799cc1 rgb(121,156,193)
```
#86a6c7
```
#86a6c7 rgb(134,166,199)
```
#93b0cd
```
#93b0cd rgb(147,176,205)
```
#a1bad3
```
#a1bad3 rgb(161,186,211)
```
#aec4da
```
#aec4da rgb(174,196,218)
```
#bccde0
```
#bccde0 rgb(188,205,224)
```
#c9d7e6
```
#c9d7e6 rgb(201,215,230)
```
#d6e1ec
```
#d6e1ec rgb(214,225,236)
```
#e4ebf2
```
#e4ebf2 rgb(228,235,242)
```
#f1f5f9
```
#f1f5f9 rgb(241,245,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a6ac is the less saturated color, while #50a5fd is the most saturated one.

#a1a6ac
```
#a1a6ac rgb(161,166,172)
```
#9aa6b3
```
#9aa6b3 rgb(154,166,179)
```
#94a6b9
```
#94a6b9 rgb(148,166,185)
```
#8da6c0
```
#8da6c0 rgb(141,166,192)
```
#86a6c7
```
#86a6c7 rgb(134,166,199)
```
#7fa6ce
```
#7fa6ce rgb(127,166,206)
```
#78a6d5
```
#78a6d5 rgb(120,166,213)
```
#72a6db
```
#72a6db rgb(114,166,219)
```
#6ba6e2
```
#6ba6e2 rgb(107,166,226)
```
#64a5e9
```
#64a5e9 rgb(100,165,233)
```
#5da5f0
```
#5da5f0 rgb(93,165,240)
```
#56a5f7
```
#56a5f7 rgb(86,165,247)
```
#50a5fd
```
#50a5fd rgb(80,165,253)
```

Tone Color Variation

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

Dichromacy

#9fa6c7 Protanopia 1% of men
#a3a4cc Deuteranopia 1% of men
#87adba Tritanopia 0.001% of the population

Trichromacy

#96a6c7 Protanomaly 1% of men, 0.01% of women
#98a4ca Deuteranomaly 6% of men, 0.4% of women
#87aabe Tritanomaly 0.01% of the population

#86a6c7 hex color

#86a6c7 Color Information

#86a6c7 Color Conversion

Color Schemes with #86a6c7

Alternatives to #86a6c7

#86a6c7 Preview

Shades and Tints of #86a6c7

Tones of #86a6c7

Color Blindness Simulator