#86b7fc hex color

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

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

● #86b7fc color description : Soft blue.

The hexadecimal color #86b7fc has RGB values of R:134, G:183, B:252 and CMYK values of C:0.47, M:0.27, Y:0, K:0.01. Its decimal value is 8828924.

Hex triplet	86b7fc	`#86b7fc`
RGB Decimal	134, 183, 252	`rgb(134,183,252)`
RGB Percent	52.5, 71.8, 98.8	`rgb(52.5%,71.8%,98.8%)`
CMYK	47, 27, 0, 1
HSL	215.1°, 95.2, 75.7	`hsl(215.1,95.2%,75.7%)`
HSV (or HSB)	215.1°, 46.8, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.521, 1.895, -39.166
XYZ	44.332, 45.962, 98.626
xyY	0.235, 0.243, 45.962
CIE-LCH	73.521, 39.211, 272.77
CIE-LUV	73.521, -24.483, -63.642
Hunter-Lab	67.795, -1.918, -38.796
Binary	10000110, 10110111, 11111100

#86b7fc
```
#86b7fc rgb(134,183,252)
```
#fccb86
```
#fccb86 rgb(252,203,134)
```

Complementary Color

#86f2fc
```
#86f2fc rgb(134,242,252)
```
#86b7fc
```
#86b7fc rgb(134,183,252)
```
#9086fc
```
#9086fc rgb(144,134,252)
```

Analogous Color

#f2fc86
```
#f2fc86 rgb(242,252,134)
```
#86b7fc
```
#86b7fc rgb(134,183,252)
```
#fc9086
```
#fc9086 rgb(252,144,134)
```

Split Complementary Color

#b7fc86
```
#b7fc86 rgb(183,252,134)
```
#86b7fc
```
#86b7fc rgb(134,183,252)
```
#fc86b7
```
#fc86b7 rgb(252,134,183)
```

Triadic Color

#86fccb
```
#86fccb rgb(134,252,203)
```
#86b7fc
```
#86b7fc rgb(134,183,252)
```
#fc86b7
```
#fc86b7 rgb(252,134,183)
```
#fccb86
```
#fccb86 rgb(252,203,134)
```

Tetradic Color

#3b8bfa
```
#3b8bfa rgb(59,139,250)
```
#5499fb
```
#5499fb rgb(84,153,251)
```
#6da8fb
```
#6da8fb rgb(109,168,251)
```
#86b7fc
```
#86b7fc rgb(134,183,252)
```
#9fc6fd
```
#9fc6fd rgb(159,198,253)
```
#b8d5fd
```
#b8d5fd rgb(184,213,253)
```
#d1e3fe
```
#d1e3fe rgb(209,227,254)
```

Monochromatic Color

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

#86d5fc
```
#86d5fc rgb(134,213,252)
```
#86cbfc
```
#86cbfc rgb(134,203,252)
```
#86c1fc
```
#86c1fc rgb(134,193,252)
```
#86b7fc
```
#86b7fc rgb(134,183,252)
```
#86adfc
```
#86adfc rgb(134,173,252)
```
#86a3fc
```
#86a3fc rgb(134,163,252)
```
#869afc
```
#869afc rgb(134,154,252)
```

Similar Colors

Text with hexadecimal color #86b7fc

This text has a font color of #86b7fc.

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

#86b7fc background color

This paragraph has a background color of #86b7fc.

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

#86b7fc border color

This element has a border color of #86b7fc.

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

CSS codes

.text {color:#86b7fc;}

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

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

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

#00060d
```
#00060d rgb(0,6,13)
```
#010e20
```
#010e20 rgb(1,14,32)
```
#011633
```
#011633 rgb(1,22,51)
```
#021e46
```
#021e46 rgb(2,30,70)
```
#02265a
```
#02265a rgb(2,38,90)
```
#032f6d
```
#032f6d rgb(3,47,109)
```
#033780
```
#033780 rgb(3,55,128)
```
#043f93
```
#043f93 rgb(4,63,147)
```
#0447a6
```
#0447a6 rgb(4,71,166)
```
#0550b9
```
#0550b9 rgb(5,80,185)
```
#0558cc
```
#0558cc rgb(5,88,204)
```
#0660e0
```
#0660e0 rgb(6,96,224)
```
#0668f3
```
#0668f3 rgb(6,104,243)
```

Shade Color Variation

#1373f9
```
#1373f9 rgb(19,115,249)
```
#267efa
```
#267efa rgb(38,126,250)
```
#3989fa
```
#3989fa rgb(57,137,250)
```
#4d95fb
```
#4d95fb rgb(77,149,251)
```
#60a0fb
```
#60a0fb rgb(96,160,251)
```
#73acfc
```
#73acfc rgb(115,172,252)
```
#86b7fc
```
#86b7fc rgb(134,183,252)
```
#99c2fc
```
#99c2fc rgb(153,194,252)
```
#accefd
```
#accefd rgb(172,206,253)
```
#bfd9fd
```
#bfd9fd rgb(191,217,253)
```
#d3e5fe
```
#d3e5fe rgb(211,229,254)
```
#e6f0fe
```
#e6f0fe rgb(230,240,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 #86b7fc is the most saturated one.

#bfc1c3
```
#bfc1c3 rgb(191,193,195)
```
#bac0c8
```
#bac0c8 rgb(186,192,200)
```
#b6bfcc
```
#b6bfcc rgb(182,191,204)
```
#b1bed1
```
#b1bed1 rgb(177,190,209)
```
#acbdd6
```
#acbdd6 rgb(172,189,214)
```
#a7bddb
```
#a7bddb rgb(167,189,219)
```
#a3bcdf
```
#a3bcdf rgb(163,188,223)
```
#9ebbe4
```
#9ebbe4 rgb(158,187,228)
```
#99bae9
```
#99bae9 rgb(153,186,233)
```
#94b9ee
```
#94b9ee rgb(148,185,238)
```
#90b9f2
```
#90b9f2 rgb(144,185,242)
```
#8bb8f7
```
#8bb8f7 rgb(139,184,247)
```
#86b7fc
```
#86b7fc rgb(134,183,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a8b1bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b6f8 Protanopia 1% of men
#9db6fd Deuteranopia 1% of men
#7bc3d1 Tritanopia 0.001% of the population

Trichromacy

#98b6fa Protanomaly 1% of men, 0.01% of women
#94b6fd Deuteranomaly 6% of men, 0.4% of women
#7fbee0 Tritanomaly 0.01% of the population

#86b7fc hex color

#86b7fc Color Information

#86b7fc Color Conversion

Color Schemes with #86b7fc

Alternatives to #86b7fc

#86b7fc Preview

Shades and Tints of #86b7fc

Tones of #86b7fc

Color Blindness Simulator