#86a2da hex color

In a RGB color space, hex #86a2da is composed of 52.5% red, 63.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 25.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 220 degrees, a saturation of 53.2% and a lightness of 69%. #86a2da color hex could be obtained by blending #ffffff with #0d45b5. Closest websafe color is: #9999cc.

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

● #86a2da color description : Very soft blue.

The hexadecimal color #86a2da has RGB values of R:134, G:162, B:218 and CMYK values of C:0.39, M:0.26, Y:0, K:0.15. Its decimal value is 8823514.

Hex triplet	86a2da	`#86a2da`
RGB Decimal	134, 162, 218	`rgb(134,162,218)`
RGB Percent	52.5, 63.5, 85.5	`rgb(52.5%,63.5%,85.5%)`
CMYK	39, 26, 0, 15
HSL	220°, 53.2, 69	`hsl(220,53.2%,69%)`
HSV (or HSB)	220°, 38.5, 85.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.497, 4.166, -31.524
XYZ	35.404, 35.97, 71.403
xyY	0.248, 0.252, 35.97
CIE-LCH	66.497, 31.798, 277.529
CIE-LUV	66.497, -15.896, -50.241
Hunter-Lab	59.975, 0.415, -28.606
Binary	10000110, 10100010, 11011010

#86a2da
```
#86a2da rgb(134,162,218)
```
#dabe86
```
#dabe86 rgb(218,190,134)
```

Complementary Color

#86ccda
```
#86ccda rgb(134,204,218)
```
#86a2da
```
#86a2da rgb(134,162,218)
```
#9486da
```
#9486da rgb(148,134,218)
```

Analogous Color

#ccda86
```
#ccda86 rgb(204,218,134)
```
#86a2da
```
#86a2da rgb(134,162,218)
```
#da9486
```
#da9486 rgb(218,148,134)
```

Split Complementary Color

#a2da86
```
#a2da86 rgb(162,218,134)
```
#86a2da
```
#86a2da rgb(134,162,218)
```
#da86a2
```
#da86a2 rgb(218,134,162)
```

Triadic Color

#86dabe
```
#86dabe rgb(134,218,190)
```
#86a2da
```
#86a2da rgb(134,162,218)
```
#da86a2
```
#da86a2 rgb(218,134,162)
```
#dabe86
```
#dabe86 rgb(218,190,134)
```

Tetradic Color

#4b75c8
```
#4b75c8 rgb(75,117,200)
```
#5f84ce
```
#5f84ce rgb(95,132,206)
```
#7293d4
```
#7293d4 rgb(114,147,212)
```
#86a2da
```
#86a2da rgb(134,162,218)
```
#9ab1e0
```
#9ab1e0 rgb(154,177,224)
```
#adc0e6
```
#adc0e6 rgb(173,192,230)
```
#c1cfec
```
#c1cfec rgb(193,207,236)
```

Monochromatic Color

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

#86b7da
```
#86b7da rgb(134,183,218)
```
#86b0da
```
#86b0da rgb(134,176,218)
```
#86a9da
```
#86a9da rgb(134,169,218)
```
#86a2da
```
#86a2da rgb(134,162,218)
```
#869bda
```
#869bda rgb(134,155,218)
```
#8694da
```
#8694da rgb(134,148,218)
```
#868dda
```
#868dda rgb(134,141,218)
```

Similar Colors

Text with hexadecimal color #86a2da

This text has a font color of #86a2da.

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

#86a2da background color

This paragraph has a background color of #86a2da.

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

#86a2da border color

This element has a border color of #86a2da.

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

CSS codes

.text {color:#86a2da;}

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

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

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

#04080e
```
#04080e rgb(4,8,14)
```
#09101d
```
#09101d rgb(9,16,29)
```
#0e182c
```
#0e182c rgb(14,24,44)
```
#12203b
```
#12203b rgb(18,32,59)
```
#17284a
```
#17284a rgb(23,40,74)
```
#1b3059
```
#1b3059 rgb(27,48,89)
```
#203868
```
#203868 rgb(32,56,104)
```
#244077
```
#244077 rgb(36,64,119)
```
#294886
```
#294886 rgb(41,72,134)
```
#2e5095
```
#2e5095 rgb(46,80,149)
```
#3258a4
```
#3258a4 rgb(50,88,164)
```
#3760b3
```
#3760b3 rgb(55,96,179)
```
#3b68c2
```
#3b68c2 rgb(59,104,194)
```

Shade Color Variation

#4a74c8
```
#4a74c8 rgb(74,116,200)
```
#597fcc
```
#597fcc rgb(89,127,204)
```
#688bd1
```
#688bd1 rgb(104,139,209)
```
#7796d5
```
#7796d5 rgb(119,150,213)
```
#86a2da
```
#86a2da rgb(134,162,218)
```
#95aedf
```
#95aedf rgb(149,174,223)
```
#a4b9e3
```
#a4b9e3 rgb(164,185,227)
```
#b3c5e8
```
#b3c5e8 rgb(179,197,232)
```
#c2d0ec
```
#c2d0ec rgb(194,208,236)
```
#d1dcf1
```
#d1dcf1 rgb(209,220,241)
```
#e0e7f6
```
#e0e7f6 rgb(224,231,246)
```
#eff3fa
```
#eff3fa rgb(239,243,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#aaaeb6
```
#aaaeb6 rgb(170,174,182)
```
#a4acbc
```
#a4acbc rgb(164,172,188)
```
#9eaac2
```
#9eaac2 rgb(158,170,194)
```
#98a8c8
```
#98a8c8 rgb(152,168,200)
```
#92a6ce
```
#92a6ce rgb(146,166,206)
```
#8ca4d4
```
#8ca4d4 rgb(140,164,212)
```
#86a2da
```
#86a2da rgb(134,162,218)
```
#80a0e0
```
#80a0e0 rgb(128,160,224)
```
#7a9ee6
```
#7a9ee6 rgb(122,158,230)
```
#749cec
```
#749cec rgb(116,156,236)
```
#6e9af2
```
#6e9af2 rgb(110,154,242)
```
#6898f8
```
#6898f8 rgb(104,152,248)
```
#6296fe
```
#6296fe rgb(98,150,254)
```

Tone Color Variation

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

Dichromacy

#96a4da Protanopia 1% of men
#95a4dc Deuteranopia 1% of men
#81adba Tritanopia 0.001% of the population

Trichromacy

#90a3da Protanomaly 1% of men, 0.01% of women
#8fa3db Deuteranomaly 6% of men, 0.4% of women
#83a9c5 Tritanomaly 0.01% of the population

#86a2da hex color

#86a2da Color Information

#86a2da Color Conversion

Color Schemes with #86a2da

Alternatives to #86a2da

#86a2da Preview

Shades and Tints of #86a2da

Tones of #86a2da

Color Blindness Simulator