#86b4fc hex color

In a RGB color space, hex #86b4fc is composed of 52.5% red, 70.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 28.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 216.6 degrees, a saturation of 95.2% and a lightness of 75.7%. #86b4fc color hex could be obtained by blending #ffffff with #0d69f9. Closest websafe color is: #99ccff.

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

● #86b4fc color description : Soft blue.

The hexadecimal color #86b4fc has RGB values of R:134, G:180, B:252 and CMYK values of C:0.47, M:0.29, Y:0, K:0.01. Its decimal value is 8828156.

Hex triplet	86b4fc	`#86b4fc`
RGB Decimal	134, 180, 252	`rgb(134,180,252)`
RGB Percent	52.5, 70.6, 98.8	`rgb(52.5%,70.6%,98.8%)`
CMYK	47, 29, 0, 1
HSL	216.6°, 95.2, 75.7	`hsl(216.6,95.2%,75.7%)`
HSV (or HSB)	216.6°, 46.8, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.718, 3.559, -40.415
XYZ	43.72, 44.737, 98.422
xyY	0.234, 0.239, 44.737
CIE-LCH	72.718, 40.571, 275.032
CIE-LUV	72.718, -23.35, -65.895
Hunter-Lab	66.886, -0.375, -40.424
Binary	10000110, 10110100, 11111100

#86b4fc
```
#86b4fc rgb(134,180,252)
```
#fcce86
```
#fcce86 rgb(252,206,134)
```

Complementary Color

#86effc
```
#86effc rgb(134,239,252)
```
#86b4fc
```
#86b4fc rgb(134,180,252)
```
#9386fc
```
#9386fc rgb(147,134,252)
```

Analogous Color

#effc86
```
#effc86 rgb(239,252,134)
```
#86b4fc
```
#86b4fc rgb(134,180,252)
```
#fc9386
```
#fc9386 rgb(252,147,134)
```

Split Complementary Color

#b4fc86
```
#b4fc86 rgb(180,252,134)
```
#86b4fc
```
#86b4fc rgb(134,180,252)
```
#fc86b4
```
#fc86b4 rgb(252,134,180)
```

Triadic Color

#86fcce
```
#86fcce rgb(134,252,206)
```
#86b4fc
```
#86b4fc rgb(134,180,252)
```
#fc86b4
```
#fc86b4 rgb(252,134,180)
```
#fcce86
```
#fcce86 rgb(252,206,134)
```

Tetradic Color

#3b86fa
```
#3b86fa rgb(59,134,250)
```
#5495fb
```
#5495fb rgb(84,149,251)
```
#6da5fb
```
#6da5fb rgb(109,165,251)
```
#86b4fc
```
#86b4fc rgb(134,180,252)
```
#9fc3fd
```
#9fc3fd rgb(159,195,253)
```
#b8d3fd
```
#b8d3fd rgb(184,211,253)
```
#d1e2fe
```
#d1e2fe rgb(209,226,254)
```

Monochromatic Color

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

#86d2fc
```
#86d2fc rgb(134,210,252)
```
#86c8fc
```
#86c8fc rgb(134,200,252)
```
#86befc
```
#86befc rgb(134,190,252)
```
#86b4fc
```
#86b4fc rgb(134,180,252)
```
#86aafc
```
#86aafc rgb(134,170,252)
```
#86a0fc
```
#86a0fc rgb(134,160,252)
```
#8697fc
```
#8697fc rgb(134,151,252)
```

Similar Colors

Text with hexadecimal color #86b4fc

This text has a font color of #86b4fc.

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

#86b4fc background color

This paragraph has a background color of #86b4fc.

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

#86b4fc border color

This element has a border color of #86b4fc.

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

CSS codes

.text {color:#86b4fc;}

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

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

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

#00050d
```
#00050d rgb(0,5,13)
```
#010d20
```
#010d20 rgb(1,13,32)
```
#011533
```
#011533 rgb(1,21,51)
```
#021d46
```
#021d46 rgb(2,29,70)
```
#02245a
```
#02245a rgb(2,36,90)
```
#032c6d
```
#032c6d rgb(3,44,109)
```
#033480
```
#033480 rgb(3,52,128)
```
#043c93
```
#043c93 rgb(4,60,147)
```
#0443a6
```
#0443a6 rgb(4,67,166)
```
#054bb9
```
#054bb9 rgb(5,75,185)
```
#0553cc
```
#0553cc rgb(5,83,204)
```
#065be0
```
#065be0 rgb(6,91,224)
```
#0662f3
```
#0662f3 rgb(6,98,243)
```

Shade Color Variation

#136df9
```
#136df9 rgb(19,109,249)
```
#2679fa
```
#2679fa rgb(38,121,250)
```
#3985fa
```
#3985fa rgb(57,133,250)
```
#4d90fb
```
#4d90fb rgb(77,144,251)
```
#609cfb
```
#609cfb rgb(96,156,251)
```
#73a8fc
```
#73a8fc rgb(115,168,252)
```
#86b4fc
```
#86b4fc rgb(134,180,252)
```
#99c0fc
```
#99c0fc rgb(153,192,252)
```
#acccfd
```
#acccfd rgb(172,204,253)
```
#bfd8fd
```
#bfd8fd rgb(191,216,253)
```
#d3e3fe
```
#d3e3fe rgb(211,227,254)
```
#e6effe
```
#e6effe rgb(230,239,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#bfc1c3
```
#bfc1c3 rgb(191,193,195)
```
#bac0c8
```
#bac0c8 rgb(186,192,200)
```
#b6bfcc
```
#b6bfcc rgb(182,191,204)
```
#b1bdd1
```
#b1bdd1 rgb(177,189,209)
```
#acbcd6
```
#acbcd6 rgb(172,188,214)
```
#a7bbdb
```
#a7bbdb rgb(167,187,219)
```
#a3badf
```
#a3badf rgb(163,186,223)
```
#9eb9e4
```
#9eb9e4 rgb(158,185,228)
```
#99b8e9
```
#99b8e9 rgb(153,184,233)
```
#94b7ee
```
#94b7ee rgb(148,183,238)
```
#90b6f2
```
#90b6f2 rgb(144,182,242)
```
#8bb5f7
```
#8bb5f7 rgb(139,181,247)
```
#86b4fc
```
#86b4fc rgb(134,180,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#a6afbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb4f9 Protanopia 1% of men
#98b4fd Deuteranopia 1% of men
#7bc1cf Tritanopia 0.001% of the population

Trichromacy

#96b4fa Protanomaly 1% of men, 0.01% of women
#92b4fc Deuteranomaly 6% of men, 0.4% of women
#7fbcdf Tritanomaly 0.01% of the population

#86b4fc hex color

#86b4fc Color Information

#86b4fc Color Conversion

Color Schemes with #86b4fc

Alternatives to #86b4fc

#86b4fc Preview

Shades and Tints of #86b4fc

Tones of #86b4fc

Color Blindness Simulator