#86a4fd hex color

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

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

● #86a4fd color description : Soft blue.

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

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

CIE-LAB	68.54, 12.879, -47.502
XYZ	40.833, 38.709, 98.243
xyY	0.23, 0.218, 38.709
CIE-LCH	68.54, 49.217, 285.17
CIE-LUV	68.54, -17.437, -78.488
Hunter-Lab	62.217, 8.27, -50.07
Binary	10000110, 10100100, 11111101

#86a4fd
```
#86a4fd rgb(134,164,253)
```
#fddf86
```
#fddf86 rgb(253,223,134)
```

Complementary Color

#86e0fd
```
#86e0fd rgb(134,224,253)
```
#86a4fd
```
#86a4fd rgb(134,164,253)
```
#a486fd
```
#a486fd rgb(164,134,253)
```

Analogous Color

#e0fd86
```
#e0fd86 rgb(224,253,134)
```
#86a4fd
```
#86a4fd rgb(134,164,253)
```
#fda486
```
#fda486 rgb(253,164,134)
```

Split Complementary Color

#a4fd86
```
#a4fd86 rgb(164,253,134)
```
#86a4fd
```
#86a4fd rgb(134,164,253)
```
#fd86a4
```
#fd86a4 rgb(253,134,164)
```

Triadic Color

#86fddf
```
#86fddf rgb(134,253,223)
```
#86a4fd
```
#86a4fd rgb(134,164,253)
```
#fd86a4
```
#fd86a4 rgb(253,134,164)
```
#fddf86
```
#fddf86 rgb(253,223,134)
```

Tetradic Color

#3b6bfc
```
#3b6bfc rgb(59,107,252)
```
#547efc
```
#547efc rgb(84,126,252)
```
#6d91fd
```
#6d91fd rgb(109,145,253)
```
#86a4fd
```
#86a4fd rgb(134,164,253)
```
#9fb7fd
```
#9fb7fd rgb(159,183,253)
```
#b8cafe
```
#b8cafe rgb(184,202,254)
```
#d1ddfe
```
#d1ddfe rgb(209,221,254)
```

Monochromatic Color

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

#86c2fd
```
#86c2fd rgb(134,194,253)
```
#86b8fd
```
#86b8fd rgb(134,184,253)
```
#86aefd
```
#86aefd rgb(134,174,253)
```
#86a4fd
```
#86a4fd rgb(134,164,253)
```
#869afd
```
#869afd rgb(134,154,253)
```
#8690fd
```
#8690fd rgb(134,144,253)
```
#8686fd
```
#8686fd rgb(134,134,253)
```

Similar Colors

Text with hexadecimal color #86a4fd

This text has a font color of #86a4fd.

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

#86a4fd background color

This paragraph has a background color of #86a4fd.

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

#86a4fd border color

This element has a border color of #86a4fd.

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

CSS codes

.text {color:#86a4fd;}

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

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

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)
```
#011348
```
#011348 rgb(1,19,72)
```
#02185b
```
#02185b rgb(2,24,91)
```
#021d6f
```
#021d6f rgb(2,29,111)
```
#022282
```
#022282 rgb(2,34,130)
```
#022795
```
#022795 rgb(2,39,149)
```
#032da8
```
#032da8 rgb(3,45,168)
```
#0332bc
```
#0332bc rgb(3,50,188)
```
#0337cf
```
#0337cf rgb(3,55,207)
```
#043ce2
```
#043ce2 rgb(4,60,226)
```
#0441f6
```
#0441f6 rgb(4,65,246)
```

Shade Color Variation

#124dfb
```
#124dfb rgb(18,77,251)
```
#265bfb
```
#265bfb rgb(38,91,251)
```
#396afc
```
#396afc rgb(57,106,252)
```
#4c78fc
```
#4c78fc rgb(76,120,252)
```
#5f87fc
```
#5f87fc rgb(95,135,252)
```
#7395fd
```
#7395fd rgb(115,149,253)
```
#86a4fd
```
#86a4fd rgb(134,164,253)
```
#99b3fd
```
#99b3fd rgb(153,179,253)
```
#adc1fe
```
#adc1fe rgb(173,193,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 #86a4fd is the most saturated one.

#bfc0c4
```
#bfc0c4 rgb(191,192,196)
```
#babec9
```
#babec9 rgb(186,190,201)
```
#b5bbce
```
#b5bbce rgb(181,187,206)
```
#b1b9d2
```
#b1b9d2 rgb(177,185,210)
```
#acb7d7
```
#acb7d7 rgb(172,183,215)
```
#a7b4dc
```
#a7b4dc rgb(167,180,220)
```
#a2b2e1
```
#a2b2e1 rgb(162,178,225)
```
#9eb0e5
```
#9eb0e5 rgb(158,176,229)
```
#99adea
```
#99adea rgb(153,173,234)
```
#94abef
```
#94abef rgb(148,171,239)
```
#8fa9f4
```
#8fa9f4 rgb(143,169,244)
```
#8ba6f8
```
#8ba6f8 rgb(139,166,248)
```
#86a4fd
```
#86a4fd rgb(134,164,253)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9fa5b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba8fd Protanopia 1% of men
#81abfc Deuteranopia 1% of men
#76b5c2 Tritanopia 0.001% of the population

Trichromacy

#89a7fd Protanomaly 1% of men, 0.01% of women
#82a8fc Deuteranomaly 6% of men, 0.4% of women
#7bafd7 Tritanomaly 0.01% of the population

#86a4fd hex color

#86a4fd Color Information

#86a4fd Color Conversion

Color Schemes with #86a4fd

Alternatives to #86a4fd

#86a4fd Preview

Shades and Tints of #86a4fd

Tones of #86a4fd

Color Blindness Simulator