#86a5fd hex color

In a RGB color space, hex #86a5fd is composed of 52.5% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 224.4 degrees, a saturation of 96.7% and a lightness of 75.9%. #86a5fd color hex could be obtained by blending #ffffff with #0d4bfb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 53
- G 65
- B 99
RGB color chart
- C 47
- M 35
- Y 0
- K 1
CMYK color chart

● #86a5fd color description : Soft blue.

The hexadecimal color #86a5fd has RGB values of R:134, G:165, B:253 and CMYK values of C:0.47, M:0.35, Y:0, K:0.01. Its decimal value is 8824317.

Hex triplet	86a5fd	`#86a5fd`
RGB Decimal	134, 165, 253	`rgb(134,165,253)`
RGB Percent	52.5, 64.7, 99.2	`rgb(52.5%,64.7%,99.2%)`
CMYK	47, 35, 0, 1
HSL	224.4°, 96.7, 75.9	`hsl(224.4,96.7%,75.9%)`
HSV (or HSB)	224.4°, 47, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	68.801, 12.308, -47.091
XYZ	41.013, 39.069, 98.303
xyY	0.23, 0.219, 39.069
CIE-LCH	68.801, 48.673, 284.647
CIE-LUV	68.801, -17.801, -77.771
Hunter-Lab	62.505, 7.739, -49.493
Binary	10000110, 10100101, 11111101

#86a5fd
```
#86a5fd rgb(134,165,253)
```
#fdde86
```
#fdde86 rgb(253,222,134)
```

Complementary Color

#86e1fd
```
#86e1fd rgb(134,225,253)
```
#86a5fd
```
#86a5fd rgb(134,165,253)
```
#a386fd
```
#a386fd rgb(163,134,253)
```

Analogous Color

#e1fd86
```
#e1fd86 rgb(225,253,134)
```
#86a5fd
```
#86a5fd rgb(134,165,253)
```
#fda386
```
#fda386 rgb(253,163,134)
```

Split Complementary Color

#a5fd86
```
#a5fd86 rgb(165,253,134)
```
#86a5fd
```
#86a5fd rgb(134,165,253)
```
#fd86a5
```
#fd86a5 rgb(253,134,165)
```

Triadic Color

#86fdde
```
#86fdde rgb(134,253,222)
```
#86a5fd
```
#86a5fd rgb(134,165,253)
```
#fd86a5
```
#fd86a5 rgb(253,134,165)
```
#fdde86
```
#fdde86 rgb(253,222,134)
```

Tetradic Color

#3b6dfc
```
#3b6dfc rgb(59,109,252)
```
#5480fc
```
#5480fc rgb(84,128,252)
```
#6d92fd
```
#6d92fd rgb(109,146,253)
```
#86a5fd
```
#86a5fd rgb(134,165,253)
```
#9fb8fd
```
#9fb8fd rgb(159,184,253)
```
#b8cafe
```
#b8cafe rgb(184,202,254)
```
#d1ddfe
```
#d1ddfe rgb(209,221,254)
```

Monochromatic Color

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

#86c3fd
```
#86c3fd rgb(134,195,253)
```
#86b9fd
```
#86b9fd rgb(134,185,253)
```
#86affd
```
#86affd rgb(134,175,253)
```
#86a5fd
```
#86a5fd rgb(134,165,253)
```
#869bfd
```
#869bfd rgb(134,155,253)
```
#8691fd
```
#8691fd rgb(134,145,253)
```
#8687fd
```
#8687fd rgb(134,135,253)
```

Similar Colors

Text with hexadecimal color #86a5fd

This text has a font color of #86a5fd.

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

#86a5fd background color

This paragraph has a background color of #86a5fd.

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

#86a5fd border color

This element has a border color of #86a5fd.

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

CSS codes

.text {color:#86a5fd;}

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

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

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

#00040e
```
#00040e rgb(0,4,14)
```
#010921
```
#010921 rgb(1,9,33)
```
#010e35
```
#010e35 rgb(1,14,53)
```
#011448
```
#011448 rgb(1,20,72)
```
#02195b
```
#02195b rgb(2,25,91)
```
#021e6f
```
#021e6f rgb(2,30,111)
```
#022382
```
#022382 rgb(2,35,130)
```
#022995
```
#022995 rgb(2,41,149)
```
#032ea8
```
#032ea8 rgb(3,46,168)
```
#0333bc
```
#0333bc rgb(3,51,188)
```
#0338cf
```
#0338cf rgb(3,56,207)
```
#043ee2
```
#043ee2 rgb(4,62,226)
```
#0443f6
```
#0443f6 rgb(4,67,246)
```

Shade Color Variation

#124ffb
```
#124ffb rgb(18,79,251)
```
#265dfb
```
#265dfb rgb(38,93,251)
```
#396cfc
```
#396cfc rgb(57,108,252)
```
#4c7afc
```
#4c7afc rgb(76,122,252)
```
#5f88fc
```
#5f88fc rgb(95,136,252)
```
#7397fd
```
#7397fd rgb(115,151,253)
```
#86a5fd
```
#86a5fd rgb(134,165,253)
```
#99b3fd
```
#99b3fd rgb(153,179,253)
```
#adc2fe
```
#adc2fe rgb(173,194,254)
```
#c0d0fe
```
#c0d0fe rgb(192,208,254)
```
#d3defe
```
#d3defe rgb(211,222,254)
```
#e6edff
```
#e6edff rgb(230,237,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#bfc0c4
```
#bfc0c4 rgb(191,192,196)
```
#babec9
```
#babec9 rgb(186,190,201)
```
#b5bcce
```
#b5bcce rgb(181,188,206)
```
#b1b9d2
```
#b1b9d2 rgb(177,185,210)
```
#acb7d7
```
#acb7d7 rgb(172,183,215)
```
#a7b5dc
```
#a7b5dc rgb(167,181,220)
```
#a2b3e1
```
#a2b3e1 rgb(162,179,225)
```
#9eb0e5
```
#9eb0e5 rgb(158,176,229)
```
#99aeea
```
#99aeea rgb(153,174,234)
```
#94acef
```
#94acef rgb(148,172,239)
```
#8faaf4
```
#8faaf4 rgb(143,170,244)
```
#8ba7f8
```
#8ba7f8 rgb(139,167,248)
```
#86a5fd
```
#86a5fd rgb(134,165,253)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a0a6b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca9fd Protanopia 1% of men
#82abfc Deuteranopia 1% of men
#76b6c3 Tritanopia 0.001% of the population

Trichromacy

#8aa7fd Protanomaly 1% of men, 0.01% of women
#83a9fc Deuteranomaly 6% of men, 0.4% of women
#7cafd8 Tritanomaly 0.01% of the population

#86a5fd hex color

#86a5fd Color Information

#86a5fd Color Conversion

Color Schemes with #86a5fd

Alternatives to #86a5fd

#86a5fd Preview

Shades and Tints of #86a5fd

Tones of #86a5fd

Color Blindness Simulator