#86a1fc hex color

In a RGB color space, hex #86a1fc is composed of 52.5% red, 63.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 36.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 226.3 degrees, a saturation of 95.2% and a lightness of 75.7%. #86a1fc color hex could be obtained by blending #ffffff with #0d43f9. Closest websafe color is: #9999ff.

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

● #86a1fc color description : Soft blue.

The hexadecimal color #86a1fc has RGB values of R:134, G:161, B:252 and CMYK values of C:0.47, M:0.36, Y:0, K:0.01. Its decimal value is 8823292.

Hex triplet	86a1fc	`#86a1fc`
RGB Decimal	134, 161, 252	`rgb(134,161,252)`
RGB Percent	52.5, 63.1, 98.8	`rgb(52.5%,63.1%,98.8%)`
CMYK	47, 36, 0, 1
HSL	226.3°, 95.2, 75.7	`hsl(226.3,95.2%,75.7%)`
HSV (or HSB)	226.3°, 46.8, 98.8
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.713, 14.308, -48.26
XYZ	40.143, 37.585, 97.229
xyY	0.229, 0.215, 37.585
CIE-LCH	67.713, 50.337, 286.513
CIE-LUV	67.713, -16.328, -79.791
Hunter-Lab	61.306, 9.595, -51.117
Binary	10000110, 10100001, 11111100

#86a1fc
```
#86a1fc rgb(134,161,252)
```
#fce186
```
#fce186 rgb(252,225,134)
```

Complementary Color

#86dcfc
```
#86dcfc rgb(134,220,252)
```
#86a1fc
```
#86a1fc rgb(134,161,252)
```
#a686fc
```
#a686fc rgb(166,134,252)
```

Analogous Color

#dcfc86
```
#dcfc86 rgb(220,252,134)
```
#86a1fc
```
#86a1fc rgb(134,161,252)
```
#fca686
```
#fca686 rgb(252,166,134)
```

Split Complementary Color

#a1fc86
```
#a1fc86 rgb(161,252,134)
```
#86a1fc
```
#86a1fc rgb(134,161,252)
```
#fc86a1
```
#fc86a1 rgb(252,134,161)
```

Triadic Color

#86fce1
```
#86fce1 rgb(134,252,225)
```
#86a1fc
```
#86a1fc rgb(134,161,252)
```
#fc86a1
```
#fc86a1 rgb(252,134,161)
```
#fce186
```
#fce186 rgb(252,225,134)
```

Tetradic Color

#3b67fa
```
#3b67fa rgb(59,103,250)
```
#547afb
```
#547afb rgb(84,122,251)
```
#6d8efb
```
#6d8efb rgb(109,142,251)
```
#86a1fc
```
#86a1fc rgb(134,161,252)
```
#9fb4fd
```
#9fb4fd rgb(159,180,253)
```
#b8c8fd
```
#b8c8fd rgb(184,200,253)
```
#d1dbfe
```
#d1dbfe rgb(209,219,254)
```

Monochromatic Color

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

#86bffc
```
#86bffc rgb(134,191,252)
```
#86b5fc
```
#86b5fc rgb(134,181,252)
```
#86abfc
```
#86abfc rgb(134,171,252)
```
#86a1fc
```
#86a1fc rgb(134,161,252)
```
#8697fc
```
#8697fc rgb(134,151,252)
```
#868dfc
```
#868dfc rgb(134,141,252)
```
#8986fc
```
#8986fc rgb(137,134,252)
```

Similar Colors

Text with hexadecimal color #86a1fc

This text has a font color of #86a1fc.

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

#86a1fc background color

This paragraph has a background color of #86a1fc.

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

#86a1fc border color

This element has a border color of #86a1fc.

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

CSS codes

.text {color:#86a1fc;}

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

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

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, #00030d is the darkest color, while #f9faff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#010820
```
#010820 rgb(1,8,32)
```
#010d33
```
#010d33 rgb(1,13,51)
```
#021146
```
#021146 rgb(2,17,70)
```
#02165a
```
#02165a rgb(2,22,90)
```
#031b6d
```
#031b6d rgb(3,27,109)
```
#032080
```
#032080 rgb(3,32,128)
```
#042493
```
#042493 rgb(4,36,147)
```
#0429a6
```
#0429a6 rgb(4,41,166)
```
#052eb9
```
#052eb9 rgb(5,46,185)
```
#0533cc
```
#0533cc rgb(5,51,204)
```
#0637e0
```
#0637e0 rgb(6,55,224)
```
#063cf3
```
#063cf3 rgb(6,60,243)
```

Shade Color Variation

#1348f9
```
#1348f9 rgb(19,72,249)
```
#2657fa
```
#2657fa rgb(38,87,250)
```
#3966fa
```
#3966fa rgb(57,102,250)
```
#4d74fb
```
#4d74fb rgb(77,116,251)
```
#6083fb
```
#6083fb rgb(96,131,251)
```
#7392fc
```
#7392fc rgb(115,146,252)
```
#86a1fc
```
#86a1fc rgb(134,161,252)
```
#99b0fc
```
#99b0fc rgb(153,176,252)
```
#acbffd
```
#acbffd rgb(172,191,253)
```
#bfcefd
```
#bfcefd rgb(191,206,253)
```
#d3dcfe
```
#d3dcfe rgb(211,220,254)
```
#e6ebfe
```
#e6ebfe rgb(230,235,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#bfc0c3
```
#bfc0c3 rgb(191,192,195)
```
#babdc8
```
#babdc8 rgb(186,189,200)
```
#b6bbcc
```
#b6bbcc rgb(182,187,204)
```
#b1b8d1
```
#b1b8d1 rgb(177,184,209)
```
#acb6d6
```
#acb6d6 rgb(172,182,214)
```
#a7b3db
```
#a7b3db rgb(167,179,219)
```
#a3b1df
```
#a3b1df rgb(163,177,223)
```
#9eaee4
```
#9eaee4 rgb(158,174,228)
```
#99abe9
```
#99abe9 rgb(153,171,233)
```
#94a9ee
```
#94a9ee rgb(148,169,238)
```
#90a6f2
```
#90a6f2 rgb(144,166,242)
```
#8ba4f7
```
#8ba4f7 rgb(139,164,247)
```
#86a1fc
```
#86a1fc rgb(134,161,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9da3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a6fc Protanopia 1% of men
#7da9fa Deuteranopia 1% of men
#75b3c0 Tritanopia 0.001% of the population

Trichromacy

#87a4fc Protanomaly 1% of men, 0.01% of women
#80a6fb Deuteranomaly 6% of men, 0.4% of women
#7bacd5 Tritanomaly 0.01% of the population

#86a1fc hex color

#86a1fc Color Information

#86a1fc Color Conversion

Color Schemes with #86a1fc

Alternatives to #86a1fc

#86a1fc Preview

Shades and Tints of #86a1fc

Tones of #86a1fc

Color Blindness Simulator