#86a0e4 hex color

In a RGB color space, hex #86a0e4 is composed of 52.5% red, 62.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 29.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 223.4 degrees, a saturation of 63.5% and a lightness of 71%. #86a0e4 color hex could be obtained by blending #ffffff with #0d41c9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 63
- B 89
RGB color chart
- C 41
- M 30
- Y 0
- K 11
CMYK color chart

● #86a0e4 color description : Very soft blue.

The hexadecimal color #86a0e4 has RGB values of R:134, G:160, B:228 and CMYK values of C:0.41, M:0.3, Y:0, K:0.11. Its decimal value is 8823012.

Hex triplet	86a0e4	`#86a0e4`
RGB Decimal	134, 160, 228	`rgb(134,160,228)`
RGB Percent	52.5, 62.7, 89.4	`rgb(52.5%,62.7%,89.4%)`
CMYK	41, 30, 0, 11
HSL	223.4°, 63.5, 71	`hsl(223.4,63.5%,71%)`
HSV (or HSB)	223.4°, 41.2, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.375, 8.045, -37.225
XYZ	36.403, 35.81, 78.388
xyY	0.242, 0.238, 35.81
CIE-LCH	66.375, 38.085, 282.195
CIE-LUV	66.375, -15.348, -60.242
Hunter-Lab	59.842, 3.863, -35.777
Binary	10000110, 10100000, 11100100

#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#e4ca86
```
#e4ca86 rgb(228,202,134)
```

Complementary Color

#86cfe4
```
#86cfe4 rgb(134,207,228)
```
#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#9b86e4
```
#9b86e4 rgb(155,134,228)
```

Analogous Color

#cfe486
```
#cfe486 rgb(207,228,134)
```
#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#e49b86
```
#e49b86 rgb(228,155,134)
```

Split Complementary Color

#a0e486
```
#a0e486 rgb(160,228,134)
```
#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#e486a0
```
#e486a0 rgb(228,134,160)
```

Triadic Color

#86e4ca
```
#86e4ca rgb(134,228,202)
```
#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#e486a0
```
#e486a0 rgb(228,134,160)
```
#e4ca86
```
#e4ca86 rgb(228,202,134)
```

Tetradic Color

#476fd6
```
#476fd6 rgb(71,111,214)
```
#5c7fdb
```
#5c7fdb rgb(92,127,219)
```
#7190df
```
#7190df rgb(113,144,223)
```
#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#9bb0e9
```
#9bb0e9 rgb(155,176,233)
```
#b0c1ed
```
#b0c1ed rgb(176,193,237)
```
#c5d1f2
```
#c5d1f2 rgb(197,209,242)
```

Monochromatic Color

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

#86b8e4
```
#86b8e4 rgb(134,184,228)
```
#86b0e4
```
#86b0e4 rgb(134,176,228)
```
#86a8e4
```
#86a8e4 rgb(134,168,228)
```
#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#8698e4
```
#8698e4 rgb(134,152,228)
```
#8690e4
```
#8690e4 rgb(134,144,228)
```
#8689e4
```
#8689e4 rgb(134,137,228)
```

Similar Colors

Text with hexadecimal color #86a0e4

This text has a font color of #86a0e4.

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

#86a0e4 background color

This paragraph has a background color of #86a0e4.

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

#86a0e4 border color

This element has a border color of #86a0e4.

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

CSS codes

.text {color:#86a0e4;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#050a17
```
#050a17 rgb(5,10,23)
```
#091127
```
#091127 rgb(9,17,39)
```
#0c1837
```
#0c1837 rgb(12,24,55)
```
#101f47
```
#101f47 rgb(16,31,71)
```
#142657
```
#142657 rgb(20,38,87)
```
#172d68
```
#172d68 rgb(23,45,104)
```
#1b3478
```
#1b3478 rgb(27,52,120)
```
#1e3b88
```
#1e3b88 rgb(30,59,136)
```
#224298
```
#224298 rgb(34,66,152)
```
#2549a8
```
#2549a8 rgb(37,73,168)
```
#2950b8
```
#2950b8 rgb(41,80,184)
```
#2d57c8
```
#2d57c8 rgb(45,87,200)
```

Shade Color Variation

#3661d2
```
#3661d2 rgb(54,97,210)
```
#466ed6
```
#466ed6 rgb(70,110,214)
```
#567ad9
```
#567ad9 rgb(86,122,217)
```
#6687dd
```
#6687dd rgb(102,135,221)
```
#7693e0
```
#7693e0 rgb(118,147,224)
```
#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#96ade8
```
#96ade8 rgb(150,173,232)
```
#a6b9eb
```
#a6b9eb rgb(166,185,235)
```
#b6c6ef
```
#b6c6ef rgb(182,198,239)
```
#c6d2f2
```
#c6d2f2 rgb(198,210,242)
```
#d6dff6
```
#d6dff6 rgb(214,223,246)
```
#e6ecf9
```
#e6ecf9 rgb(230,236,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#b4b4b6
```
#b4b4b6 rgb(180,180,182)
```
#aeb2bc
```
#aeb2bc rgb(174,178,188)
```
#a8afc2
```
#a8afc2 rgb(168,175,194)
```
#a2adc8
```
#a2adc8 rgb(162,173,200)
```
#9daacd
```
#9daacd rgb(157,170,205)
```
#97a8d3
```
#97a8d3 rgb(151,168,211)
```
#91a5d9
```
#91a5d9 rgb(145,165,217)
```
#8ca3de
```
#8ca3de rgb(140,163,222)
```
#86a0e4
```
#86a0e4 rgb(134,160,228)
```
#809dea
```
#809dea rgb(128,157,234)
```
#7b9bef
```
#7b9bef rgb(123,155,239)
```
#7598f5
```
#7598f5 rgb(117,152,245)
```
#6f96fb
```
#6f96fb rgb(111,150,251)
```

Tone Color Variation

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

Dichromacy

#90a4e4 Protanopia 1% of men
#8ca4e5 Deuteranopia 1% of men
#7eadba Tritanopia 0.001% of the population

Trichromacy

#8ca2e4 Protanomaly 1% of men, 0.01% of women
#8aa3e4 Deuteranomaly 6% of men, 0.4% of women
#81a8c9 Tritanomaly 0.01% of the population

#86a0e4 hex color

#86a0e4 Color Information

#86a0e4 Color Conversion

Color Schemes with #86a0e4

Alternatives to #86a0e4

#86a0e4 Preview

Shades and Tints of #86a0e4

Tones of #86a0e4

Color Blindness Simulator