#86a5d1 hex color

In a RGB color space, hex #86a5d1 is composed of 52.5% red, 64.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 35.9% cyan, 21.1% magenta, 0% yellow and 18% black. It has a hue angle of 215.2 degrees, a saturation of 44.9% and a lightness of 67.3%. #86a5d1 color hex could be obtained by blending #ffffff with #0d4ba3. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 65
- B 82
RGB color chart
- C 36
- M 21
- Y 0
- K 18
CMYK color chart

● #86a5d1 color description : Slightly desaturated blue.

The hexadecimal color #86a5d1 has RGB values of R:134, G:165, B:209 and CMYK values of C:0.36, M:0.21, Y:0, K:0.18. Its decimal value is 8824273.

Hex triplet	86a5d1	`#86a5d1`
RGB Decimal	134, 165, 209	`rgb(134,165,209)`
RGB Percent	52.5, 64.7, 82	`rgb(52.5%,64.7%,82%)`
CMYK	36, 21, 0, 18
HSL	215.2°, 44.9, 67.3	`hsl(215.2,44.9%,67.3%)`
HSV (or HSB)	215.2°, 35.9, 82
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.961, 0.081, -25.835
XYZ	34.793, 36.581, 65.546
xyY	0.254, 0.267, 36.581
CIE-LCH	66.961, 25.835, 270.18
CIE-LUV	66.961, -16.93, -40.327
Hunter-Lab	60.482, -3.16, -21.916
Binary	10000110, 10100101, 11010001

#86a5d1
```
#86a5d1 rgb(134,165,209)
```
#d1b286
```
#d1b286 rgb(209,178,134)
```

Complementary Color

#86cbd1
```
#86cbd1 rgb(134,203,209)
```
#86a5d1
```
#86a5d1 rgb(134,165,209)
```
#8d86d1
```
#8d86d1 rgb(141,134,209)
```

Analogous Color

#cbd186
```
#cbd186 rgb(203,209,134)
```
#86a5d1
```
#86a5d1 rgb(134,165,209)
```
#d18d86
```
#d18d86 rgb(209,141,134)
```

Split Complementary Color

#a5d186
```
#a5d186 rgb(165,209,134)
```
#86a5d1
```
#86a5d1 rgb(134,165,209)
```
#d186a5
```
#d186a5 rgb(209,134,165)
```

Triadic Color

#86d1b2
```
#86d1b2 rgb(134,209,178)
```
#86a5d1
```
#86a5d1 rgb(134,165,209)
```
#d186a5
```
#d186a5 rgb(209,134,165)
```
#d1b286
```
#d1b286 rgb(209,178,134)
```

Tetradic Color

#4f7cbc
```
#4f7cbc rgb(79,124,188)
```
#618ac3
```
#618ac3 rgb(97,138,195)
```
#7497ca
```
#7497ca rgb(116,151,202)
```
#86a5d1
```
#86a5d1 rgb(134,165,209)
```
#98b3d8
```
#98b3d8 rgb(152,179,216)
```
#abc0df
```
#abc0df rgb(171,192,223)
```
#bdcee6
```
#bdcee6 rgb(189,206,230)
```

Monochromatic Color

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

#86b8d1
```
#86b8d1 rgb(134,184,209)
```
#86b2d1
```
#86b2d1 rgb(134,178,209)
```
#86abd1
```
#86abd1 rgb(134,171,209)
```
#86a5d1
```
#86a5d1 rgb(134,165,209)
```
#869fd1
```
#869fd1 rgb(134,159,209)
```
#8699d1
```
#8699d1 rgb(134,153,209)
```
#8692d1
```
#8692d1 rgb(134,146,209)
```

Similar Colors

Text with hexadecimal color #86a5d1

This text has a font color of #86a5d1.

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

#86a5d1 background color

This paragraph has a background color of #86a5d1.

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

#86a5d1 border color

This element has a border color of #86a5d1.

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

CSS codes

.text {color:#86a5d1;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080d15
```
#080d15 rgb(8,13,21)
```
#0d1623
```
#0d1623 rgb(13,22,35)
```
#132032
```
#132032 rgb(19,32,50)
```
#182940
```
#182940 rgb(24,41,64)
```
#1e324e
```
#1e324e rgb(30,50,78)
```
#233b5c
```
#233b5c rgb(35,59,92)
```
#28446a
```
#28446a rgb(40,68,106)
```
#2e4d79
```
#2e4d79 rgb(46,77,121)
```
#335687
```
#335687 rgb(51,86,135)
```
#395f95
```
#395f95 rgb(57,95,149)
```
#3e68a3
```
#3e68a3 rgb(62,104,163)
```
#4371b1
```
#4371b1 rgb(67,113,177)
```

Shade Color Variation

#4d7bbb
```
#4d7bbb rgb(77,123,187)
```
#5b85c1
```
#5b85c1 rgb(91,133,193)
```
#6a90c6
```
#6a90c6 rgb(106,144,198)
```
#789acc
```
#789acc rgb(120,154,204)
```
#86a5d1
```
#86a5d1 rgb(134,165,209)
```
#94b0d6
```
#94b0d6 rgb(148,176,214)
```
#a2badc
```
#a2badc rgb(162,186,220)
```
#b1c5e1
```
#b1c5e1 rgb(177,197,225)
```
#bfcfe7
```
#bfcfe7 rgb(191,207,231)
```
#cddaec
```
#cddaec rgb(205,218,236)
```
#dbe4f1
```
#dbe4f1 rgb(219,228,241)
```
#e9eff7
```
#e9eff7 rgb(233,239,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#a6abb1
```
#a6abb1 rgb(166,171,177)
```
#a0a9b7
```
#a0a9b7 rgb(160,169,183)
```
#99a8be
```
#99a8be rgb(153,168,190)
```
#93a7c4
```
#93a7c4 rgb(147,167,196)
```
#8ca6cb
```
#8ca6cb rgb(140,166,203)
```
#86a5d1
```
#86a5d1 rgb(134,165,209)
```
#80a4d7
```
#80a4d7 rgb(128,164,215)
```
#79a3de
```
#79a3de rgb(121,163,222)
```
#73a2e4
```
#73a2e4 rgb(115,162,228)
```
#6ca1eb
```
#6ca1eb rgb(108,161,235)
```
#669ff1
```
#669ff1 rgb(102,159,241)
```
#5f9ef8
```
#5f9ef8 rgb(95,158,248)
```
#599dfe
```
#599dfe rgb(89,157,254)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9ca2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca6d1 Protanopia 1% of men
#9da5d5 Deuteranopia 1% of men
#85aeba Tritanopia 0.001% of the population

Trichromacy

#94a5d1 Protanomaly 1% of men, 0.01% of women
#94a5d3 Deuteranomaly 6% of men, 0.4% of women
#85aac2 Tritanomaly 0.01% of the population

#86a5d1 hex color

#86a5d1 Color Information

#86a5d1 Color Conversion

Color Schemes with #86a5d1

Alternatives to #86a5d1

#86a5d1 Preview

Shades and Tints of #86a5d1

Tones of #86a5d1

Color Blindness Simulator