#86a4dd hex color

In a RGB color space, hex #86a4dd is composed of 52.5% red, 64.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 25.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 219.3 degrees, a saturation of 56.1% and a lightness of 69.6%. #86a4dd color hex could be obtained by blending #ffffff with #0d49bb. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 64
- B 87
RGB color chart
- C 39
- M 26
- Y 0
- K 13
CMYK color chart

● #86a4dd color description : Very soft blue.

The hexadecimal color #86a4dd has RGB values of R:134, G:164, B:221 and CMYK values of C:0.39, M:0.26, Y:0, K:0.13. Its decimal value is 8824029.

Hex triplet	86a4dd	`#86a4dd`
RGB Decimal	134, 164, 221	`rgb(134,164,221)`
RGB Percent	52.5, 64.3, 86.7	`rgb(52.5%,64.3%,86.7%)`
CMYK	39, 26, 0, 13
HSL	219.3°, 56.1, 69.6	`hsl(219.3,56.1%,69.6%)`
HSV (or HSB)	219.3°, 39.4, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.156, 3.853, -32.158
XYZ	36.155, 36.838, 73.608
xyY	0.247, 0.251, 36.838
CIE-LCH	67.156, 32.388, 276.833
CIE-LUV	67.156, -16.76, -51.33
Hunter-Lab	60.695, 0.115, -29.418
Binary	10000110, 10100100, 11011101

#86a4dd
```
#86a4dd rgb(134,164,221)
```
#ddbf86
```
#ddbf86 rgb(221,191,134)
```

Complementary Color

#86d0dd
```
#86d0dd rgb(134,208,221)
```
#86a4dd
```
#86a4dd rgb(134,164,221)
```
#9486dd
```
#9486dd rgb(148,134,221)
```

Analogous Color

#d0dd86
```
#d0dd86 rgb(208,221,134)
```
#86a4dd
```
#86a4dd rgb(134,164,221)
```
#dd9486
```
#dd9486 rgb(221,148,134)
```

Split Complementary Color

#a4dd86
```
#a4dd86 rgb(164,221,134)
```
#86a4dd
```
#86a4dd rgb(134,164,221)
```
#dd86a4
```
#dd86a4 rgb(221,134,164)
```

Triadic Color

#86ddbf
```
#86ddbf rgb(134,221,191)
```
#86a4dd
```
#86a4dd rgb(134,164,221)
```
#dd86a4
```
#dd86a4 rgb(221,134,164)
```
#ddbf86
```
#ddbf86 rgb(221,191,134)
```

Tetradic Color

#4a77cc
```
#4a77cc rgb(74,119,204)
```
#5e86d2
```
#5e86d2 rgb(94,134,210)
```
#7295d7
```
#7295d7 rgb(114,149,215)
```
#86a4dd
```
#86a4dd rgb(134,164,221)
```
#9ab3e3
```
#9ab3e3 rgb(154,179,227)
```
#aec2e8
```
#aec2e8 rgb(174,194,232)
```
#c2d1ee
```
#c2d1ee rgb(194,209,238)
```

Monochromatic Color

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

#86badd
```
#86badd rgb(134,186,221)
```
#86b3dd
```
#86b3dd rgb(134,179,221)
```
#86abdd
```
#86abdd rgb(134,171,221)
```
#86a4dd
```
#86a4dd rgb(134,164,221)
```
#869ddd
```
#869ddd rgb(134,157,221)
```
#8696dd
```
#8696dd rgb(134,150,221)
```
#868edd
```
#868edd rgb(134,142,221)
```

Similar Colors

Text with hexadecimal color #86a4dd

This text has a font color of #86a4dd.

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

#86a4dd background color

This paragraph has a background color of #86a4dd.

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

#86a4dd border color

This element has a border color of #86a4dd.

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

CSS codes

.text {color:#86a4dd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#050911
```
#050911 rgb(5,9,17)
```
#091120
```
#091120 rgb(9,17,32)
```
#0d192f
```
#0d192f rgb(13,25,47)
```
#12213f
```
#12213f rgb(18,33,63)
```
#16294e
```
#16294e rgb(22,41,78)
```
#1a315d
```
#1a315d rgb(26,49,93)
```
#1f396d
```
#1f396d rgb(31,57,109)
```
#23427c
```
#23427c rgb(35,66,124)
```
#274a8b
```
#274a8b rgb(39,74,139)
```
#2b529b
```
#2b529b rgb(43,82,155)
```
#305aaa
```
#305aaa rgb(48,90,170)
```
#3462b9
```
#3462b9 rgb(52,98,185)
```

Shade Color Variation

#396ac7
```
#396ac7 rgb(57,106,199)
```
#4976cc
```
#4976cc rgb(73,118,204)
```
#5881d0
```
#5881d0 rgb(88,129,208)
```
#678dd4
```
#678dd4 rgb(103,141,212)
```
#7798d9
```
#7798d9 rgb(119,152,217)
```
#86a4dd
```
#86a4dd rgb(134,164,221)
```
#95b0e1
```
#95b0e1 rgb(149,176,225)
```
#a5bbe6
```
#a5bbe6 rgb(165,187,230)
```
#b4c7ea
```
#b4c7ea rgb(180,199,234)
```
#c3d2ee
```
#c3d2ee rgb(195,210,238)
```
#d3def3
```
#d3def3 rgb(211,222,243)
```
#e2e9f7
```
#e2e9f7 rgb(226,233,247)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

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

#b0b1b3
```
#b0b1b3 rgb(176,177,179)
```
#aaafb9
```
#aaafb9 rgb(170,175,185)
```
#a4adbf
```
#a4adbf rgb(164,173,191)
```
#9eabc5
```
#9eabc5 rgb(158,171,197)
```
#98aacb
```
#98aacb rgb(152,170,203)
```
#92a8d1
```
#92a8d1 rgb(146,168,209)
```
#8ca6d7
```
#8ca6d7 rgb(140,166,215)
```
#86a4dd
```
#86a4dd rgb(134,164,221)
```
#80a2e3
```
#80a2e3 rgb(128,162,227)
```
#7aa0e9
```
#7aa0e9 rgb(122,160,233)
```
#749eef
```
#749eef rgb(116,158,239)
```
#6e9df5
```
#6e9df5 rgb(110,157,245)
```
#689bfb
```
#689bfb rgb(104,155,251)
```

Tone Color Variation

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

Dichromacy

#97a6dd Protanopia 1% of men
#95a6df Deuteranopia 1% of men
#81afbc Tritanopia 0.001% of the population

Trichromacy

#91a5dd Protanomaly 1% of men, 0.01% of women
#90a5de Deuteranomaly 6% of men, 0.4% of women
#83abc8 Tritanomaly 0.01% of the population

#86a4dd hex color

#86a4dd Color Information

#86a4dd Color Conversion

Color Schemes with #86a4dd

Alternatives to #86a4dd

#86a4dd Preview

Shades and Tints of #86a4dd

Tones of #86a4dd

Color Blindness Simulator