#86a5db hex color

In a RGB color space, hex #86a5db is composed of 52.5% red, 64.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 24.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 218.1 degrees, a saturation of 54.1% and a lightness of 69.2%. #86a5db color hex could be obtained by blending #ffffff with #0d4bb7. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 65
- B 86
RGB color chart
- C 39
- M 25
- Y 0
- K 14
CMYK color chart

● #86a5db color description : Very soft blue.

The hexadecimal color #86a5db has RGB values of R:134, G:165, B:219 and CMYK values of C:0.39, M:0.25, Y:0, K:0.14. Its decimal value is 8824283.

Hex triplet	86a5db	`#86a5db`
RGB Decimal	134, 165, 219	`rgb(134,165,219)`
RGB Percent	52.5, 64.7, 85.9	`rgb(52.5%,64.7%,85.9%)`
CMYK	39, 25, 0, 14
HSL	218.1°, 54.1, 69.2	`hsl(218.1,54.1%,69.2%)`
HSV (or HSB)	218.1°, 38.8, 85.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.346, 2.749, -30.763
XYZ	36.07, 37.092, 72.273
xyY	0.248, 0.255, 37.092
CIE-LCH	67.346, 30.885, 275.106
CIE-LUV	67.346, -17.12, -48.88
Hunter-Lab	60.903, -0.863, -27.727
Binary	10000110, 10100101, 11011011

#86a5db
```
#86a5db rgb(134,165,219)
```
#dbbc86
```
#dbbc86 rgb(219,188,134)
```

Complementary Color

#86d0db
```
#86d0db rgb(134,208,219)
```
#86a5db
```
#86a5db rgb(134,165,219)
```
#9286db
```
#9286db rgb(146,134,219)
```

Analogous Color

#d0db86
```
#d0db86 rgb(208,219,134)
```
#86a5db
```
#86a5db rgb(134,165,219)
```
#db9286
```
#db9286 rgb(219,146,134)
```

Split Complementary Color

#a5db86
```
#a5db86 rgb(165,219,134)
```
#86a5db
```
#86a5db rgb(134,165,219)
```
#db86a5
```
#db86a5 rgb(219,134,165)
```

Triadic Color

#86dbbc
```
#86dbbc rgb(134,219,188)
```
#86a5db
```
#86a5db rgb(134,165,219)
```
#db86a5
```
#db86a5 rgb(219,134,165)
```
#dbbc86
```
#dbbc86 rgb(219,188,134)
```

Tetradic Color

#4b79c9
```
#4b79c9 rgb(75,121,201)
```
#5f88cf
```
#5f88cf rgb(95,136,207)
```
#7296d5
```
#7296d5 rgb(114,150,213)
```
#86a5db
```
#86a5db rgb(134,165,219)
```
#9ab4e1
```
#9ab4e1 rgb(154,180,225)
```
#adc2e7
```
#adc2e7 rgb(173,194,231)
```
#c1d1ed
```
#c1d1ed rgb(193,209,237)
```

Monochromatic Color

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

#86badb
```
#86badb rgb(134,186,219)
```
#86b3db
```
#86b3db rgb(134,179,219)
```
#86acdb
```
#86acdb rgb(134,172,219)
```
#86a5db
```
#86a5db rgb(134,165,219)
```
#869edb
```
#869edb rgb(134,158,219)
```
#8697db
```
#8697db rgb(134,151,219)
```
#8690db
```
#8690db rgb(134,144,219)
```

Similar Colors

Text with hexadecimal color #86a5db

This text has a font color of #86a5db.

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

#86a5db background color

This paragraph has a background color of #86a5db.

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

#86a5db border color

This element has a border color of #86a5db.

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

CSS codes

.text {color:#86a5db;}

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

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

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

#04080f
```
#04080f rgb(4,8,15)
```
#09111e
```
#09111e rgb(9,17,30)
```
#0d192d
```
#0d192d rgb(13,25,45)
```
#12213c
```
#12213c rgb(18,33,60)
```
#162a4c
```
#162a4c rgb(22,42,76)
```
#1b325b
```
#1b325b rgb(27,50,91)
```
#1f3b6a
```
#1f3b6a rgb(31,59,106)
```
#244379
```
#244379 rgb(36,67,121)
```
#284b88
```
#284b88 rgb(40,75,136)
```
#2d5497
```
#2d5497 rgb(45,84,151)
```
#315ca6
```
#315ca6 rgb(49,92,166)
```
#3664b5
```
#3664b5 rgb(54,100,181)
```
#3a6dc4
```
#3a6dc4 rgb(58,109,196)
```

Shade Color Variation

#4a78c9
```
#4a78c9 rgb(74,120,201)
```
#5983ce
```
#5983ce rgb(89,131,206)
```
#688fd2
```
#688fd2 rgb(104,143,210)
```
#779ad7
```
#779ad7 rgb(119,154,215)
```
#86a5db
```
#86a5db rgb(134,165,219)
```
#95b0df
```
#95b0df rgb(149,176,223)
```
#a4bbe4
```
#a4bbe4 rgb(164,187,228)
```
#b3c7e8
```
#b3c7e8 rgb(179,199,232)
```
#c2d2ed
```
#c2d2ed rgb(194,210,237)
```
#d2ddf1
```
#d2ddf1 rgb(210,221,241)
```
#e1e8f6
```
#e1e8f6 rgb(225,232,246)
```
#f0f4fa
```
#f0f4fa rgb(240,244,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b0b0b1
```
#b0b0b1 rgb(176,176,177)
```
#aaafb7
```
#aaafb7 rgb(170,175,183)
```
#a4adbd
```
#a4adbd rgb(164,173,189)
```
#9eacc3
```
#9eacc3 rgb(158,172,195)
```
#98aac9
```
#98aac9 rgb(152,170,201)
```
#92a8cf
```
#92a8cf rgb(146,168,207)
```
#8ca7d5
```
#8ca7d5 rgb(140,167,213)
```
#86a5db
```
#86a5db rgb(134,165,219)
```
#80a3e1
```
#80a3e1 rgb(128,163,225)
```
#7aa2e7
```
#7aa2e7 rgb(122,162,231)
```
#74a0ed
```
#74a0ed rgb(116,160,237)
```
#6e9ef3
```
#6e9ef3 rgb(110,158,243)
```
#689df9
```
#689df9 rgb(104,157,249)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ca3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a6da Protanopia 1% of men
#98a6de Deuteranopia 1% of men
#82afbc Tritanopia 0.001% of the population

Trichromacy

#92a6da Protanomaly 1% of men, 0.01% of women
#91a6dc Deuteranomaly 6% of men, 0.4% of women
#83abc7 Tritanomaly 0.01% of the population

#86a5db hex color

#86a5db Color Information

#86a5db Color Conversion

Color Schemes with #86a5db

Alternatives to #86a5db

#86a5db Preview

Shades and Tints of #86a5db

Tones of #86a5db

Color Blindness Simulator