#86a1e5 hex color

In a RGB color space, hex #86a1e5 is composed of 52.5% red, 63.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 41.5% cyan, 29.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 222.9 degrees, a saturation of 64.6% and a lightness of 71.2%. #86a1e5 color hex could be obtained by blending #ffffff with #0d43cb. Closest websafe color is: #9999cc.

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

● #86a1e5 color description : Very soft blue.

The hexadecimal color #86a1e5 has RGB values of R:134, G:161, B:229 and CMYK values of C:0.41, M:0.3, Y:0, K:0.1. Its decimal value is 8823269.

Hex triplet	86a1e5	`#86a1e5`
RGB Decimal	134, 161, 229	`rgb(134,161,229)`
RGB Percent	52.5, 63.1, 89.8	`rgb(52.5%,63.1%,89.8%)`
CMYK	41, 30, 0, 10
HSL	222.9°, 64.6, 71.2	`hsl(222.9,64.6%,71.2%)`
HSV (or HSB)	222.9°, 41.5, 89.8
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.683, 7.754, -37.295
XYZ	36.716, 36.214, 79.18
xyY	0.241, 0.238, 36.214
CIE-LCH	66.683, 38.092, 281.746
CIE-LUV	66.683, -15.76, -60.364
Hunter-Lab	60.178, 3.596, -35.887
Binary	10000110, 10100001, 11100101

#86a1e5
```
#86a1e5 rgb(134,161,229)
```
#e5ca86
```
#e5ca86 rgb(229,202,134)
```

Complementary Color

#86d1e5
```
#86d1e5 rgb(134,209,229)
```
#86a1e5
```
#86a1e5 rgb(134,161,229)
```
#9b86e5
```
#9b86e5 rgb(155,134,229)
```

Analogous Color

#d1e586
```
#d1e586 rgb(209,229,134)
```
#86a1e5
```
#86a1e5 rgb(134,161,229)
```
#e59b86
```
#e59b86 rgb(229,155,134)
```

Split Complementary Color

#a1e586
```
#a1e586 rgb(161,229,134)
```
#86a1e5
```
#86a1e5 rgb(134,161,229)
```
#e586a1
```
#e586a1 rgb(229,134,161)
```

Triadic Color

#86e5ca
```
#86e5ca rgb(134,229,202)
```
#86a1e5
```
#86a1e5 rgb(134,161,229)
```
#e586a1
```
#e586a1 rgb(229,134,161)
```
#e5ca86
```
#e5ca86 rgb(229,202,134)
```

Tetradic Color

#4770d7
```
#4770d7 rgb(71,112,215)
```
#5c80dc
```
#5c80dc rgb(92,128,220)
```
#7191e0
```
#7191e0 rgb(113,145,224)
```
#86a1e5
```
#86a1e5 rgb(134,161,229)
```
#9bb1ea
```
#9bb1ea rgb(155,177,234)
```
#b0c2ee
```
#b0c2ee rgb(176,194,238)
```
#c5d2f3
```
#c5d2f3 rgb(197,210,243)
```

Monochromatic Color

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

#86b9e5
```
#86b9e5 rgb(134,185,229)
```
#86b1e5
```
#86b1e5 rgb(134,177,229)
```
#86a9e5
```
#86a9e5 rgb(134,169,229)
```
#86a1e5
```
#86a1e5 rgb(134,161,229)
```
#8699e5
```
#8699e5 rgb(134,153,229)
```
#8691e5
```
#8691e5 rgb(134,145,229)
```
#8689e5
```
#8689e5 rgb(134,137,229)
```

Similar Colors

Text with hexadecimal color #86a1e5

This text has a font color of #86a1e5.

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

#86a1e5 background color

This paragraph has a background color of #86a1e5.

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

#86a1e5 border color

This element has a border color of #86a1e5.

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

CSS codes

.text {color:#86a1e5;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#050b18
```
#050b18 rgb(5,11,24)
```
#091228
```
#091228 rgb(9,18,40)
```
#0c1939
```
#0c1939 rgb(12,25,57)
```
#102049
```
#102049 rgb(16,32,73)
```
#132759
```
#132759 rgb(19,39,89)
```
#172e69
```
#172e69 rgb(23,46,105)
```
#1a3579
```
#1a3579 rgb(26,53,121)
```
#1e3c89
```
#1e3c89 rgb(30,60,137)
```
#214399
```
#214399 rgb(33,67,153)
```
#244aaa
```
#244aaa rgb(36,74,170)
```
#2851ba
```
#2851ba rgb(40,81,186)
```
#2b58ca
```
#2b58ca rgb(43,88,202)
```

Shade Color Variation

#3562d4
```
#3562d4 rgb(53,98,212)
```
#456fd7
```
#456fd7 rgb(69,111,215)
```
#567bdb
```
#567bdb rgb(86,123,219)
```
#6688de
```
#6688de rgb(102,136,222)
```
#7694e2
```
#7694e2 rgb(118,148,226)
```
#86a1e5
```
#86a1e5 rgb(134,161,229)
```
#96aee8
```
#96aee8 rgb(150,174,232)
```
#a6baec
```
#a6baec rgb(166,186,236)
```
#b6c7ef
```
#b6c7ef rgb(182,199,239)
```
#c7d3f3
```
#c7d3f3 rgb(199,211,243)
```
#d7e0f6
```
#d7e0f6 rgb(215,224,246)
```
#e7ecfa
```
#e7ecfa rgb(231,236,250)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#b3b5b8
```
#b3b5b8 rgb(179,181,184)
```
#aeb2bd
```
#aeb2bd rgb(174,178,189)
```
#a8b0c3
```
#a8b0c3 rgb(168,176,195)
```
#a2adc9
```
#a2adc9 rgb(162,173,201)
```
#9dabce
```
#9dabce rgb(157,171,206)
```
#97a8d4
```
#97a8d4 rgb(151,168,212)
```
#91a6da
```
#91a6da rgb(145,166,218)
```
#8ca3df
```
#8ca3df rgb(140,163,223)
```
#86a1e5
```
#86a1e5 rgb(134,161,229)
```
#809feb
```
#809feb rgb(128,159,235)
```
#7b9cf0
```
#7b9cf0 rgb(123,156,240)
```
#759af6
```
#759af6 rgb(117,154,246)
```
#6f97fc
```
#6f97fc rgb(111,151,252)
```

Tone Color Variation

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

Dichromacy

#91a4e5 Protanopia 1% of men
#8da5e6 Deuteranopia 1% of men
#7eaebb Tritanopia 0.001% of the population

Trichromacy

#8da3e5 Protanomaly 1% of men, 0.01% of women
#8aa3e5 Deuteranomaly 6% of men, 0.4% of women
#80a9ca Tritanomaly 0.01% of the population

#86a1e5 hex color

#86a1e5 Color Information

#86a1e5 Color Conversion

Color Schemes with #86a1e5

Alternatives to #86a1e5

#86a1e5 Preview

Shades and Tints of #86a1e5

Tones of #86a1e5

Color Blindness Simulator