colorhexa.com

#86b7fd hex color

In a RGB color space, hex #86b7fd is composed of 52.5% red, 71.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 27.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 215.3 degrees, a saturation of 96.7% and a lightness of 75.9%. #86b7fd color hex could be obtained by blending #ffffff with #0d6ffb. Closest websafe color is: #99ccff.

- R 53
- G 72
- B 99
RGB color chart
- C 47
- M 28
- Y 0
- K 1
CMYK color chart

● #86b7fd color description : Soft blue.

The hexadecimal color #86b7fd has RGB values of R:134, G:183, B:253 and CMYK values of C:0.47, M:0.28, Y:0, K:0.01. Its decimal value is 8828925.

Hex triplet	86b7fd	`#86b7fd`
RGB Decimal	134, 183, 253	`rgb(134,183,253)`
RGB Percent	52.5, 71.8, 99.2	`rgb(52.5%,71.8%,99.2%)`
CMYK	47, 28, 0, 1
HSL	215.3°, 96.7, 75.9	`hsl(215.3,96.7%,75.9%)`
HSV (or HSB)	215.3°, 47, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.562, 2.18, -39.64
XYZ	44.491, 46.025, 99.462
xyY	0.234, 0.242, 46.025
CIE-LCH	73.562, 39.7, 273.147
CIE-LUV	73.562, -24.486, -64.495
Hunter-Lab	67.842, -1.663, -39.435
Binary	10000110, 10110111, 11111101

#86b7fd
```
#86b7fd rgb(134,183,253)
```
#fdcc86
```
#fdcc86 rgb(253,204,134)
```

Complementary Color

#86f3fd
```
#86f3fd rgb(134,243,253)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```
#9186fd
```
#9186fd rgb(145,134,253)
```

Analogous Color

#f3fd86
```
#f3fd86 rgb(243,253,134)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```
#fd9186
```
#fd9186 rgb(253,145,134)
```

Split Complementary Color

#b7fd86
```
#b7fd86 rgb(183,253,134)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```
#fd86b7
```
#fd86b7 rgb(253,134,183)
```

Triadic Color

#86fdcc
```
#86fdcc rgb(134,253,204)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```
#fd86b7
```
#fd86b7 rgb(253,134,183)
```
#fdcc86
```
#fdcc86 rgb(253,204,134)
```

Tetradic Color

#3b8afc
```
#3b8afc rgb(59,138,252)
```
#5499fc
```
#5499fc rgb(84,153,252)
```
#6da8fd
```
#6da8fd rgb(109,168,253)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```
#9fc6fd
```
#9fc6fd rgb(159,198,253)
```
#b8d5fe
```
#b8d5fe rgb(184,213,254)
```
#d1e4fe
```
#d1e4fe rgb(209,228,254)
```

Monochromatic Color

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

#86d5fd
```
#86d5fd rgb(134,213,253)
```
#86cbfd
```
#86cbfd rgb(134,203,253)
```
#86c1fd
```
#86c1fd rgb(134,193,253)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```
#86adfd
```
#86adfd rgb(134,173,253)
```
#86a3fd
```
#86a3fd rgb(134,163,253)
```
#8699fd
```
#8699fd rgb(134,153,253)
```

Similar Colors

Text with hexadecimal color #86b7fd

This text has a font color of #86b7fd.

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

#86b7fd background color

This paragraph has a background color of #86b7fd.

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

#86b7fd border color

This element has a border color of #86b7fd.

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

CSS codes

.text {color:#86b7fd;}

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

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

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

#00060e
```
#00060e rgb(0,6,14)
```
#010e21
```
#010e21 rgb(1,14,33)
```
#011635
```
#011635 rgb(1,22,53)
```
#011e48
```
#011e48 rgb(1,30,72)
```
#02265b
```
#02265b rgb(2,38,91)
```
#022f6f
```
#022f6f rgb(2,47,111)
```
#023782
```
#023782 rgb(2,55,130)
```
#023f95
```
#023f95 rgb(2,63,149)
```
#0347a8
```
#0347a8 rgb(3,71,168)
```
#034fbc
```
#034fbc rgb(3,79,188)
```
#0357cf
```
#0357cf rgb(3,87,207)
```
#045fe2
```
#045fe2 rgb(4,95,226)
```
#0468f6
```
#0468f6 rgb(4,104,246)
```

Shade Color Variation

#1272fb
```
#1272fb rgb(18,114,251)
```
#267efb
```
#267efb rgb(38,126,251)
```
#3989fc
```
#3989fc rgb(57,137,252)
```
#4c95fc
```
#4c95fc rgb(76,149,252)
```
#5fa0fc
```
#5fa0fc rgb(95,160,252)
```
#73acfd
```
#73acfd rgb(115,172,253)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```
#99c2fd
```
#99c2fd rgb(153,194,253)
```
#adcefe
```
#adcefe rgb(173,206,254)
```
#c0d9fe
```
#c0d9fe rgb(192,217,254)
```
#d3e5fe
```
#d3e5fe rgb(211,229,254)
```
#e6f0ff
```
#e6f0ff rgb(230,240,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#bfc1c4
```
#bfc1c4 rgb(191,193,196)
```
#bac0c9
```
#bac0c9 rgb(186,192,201)
```
#b5bfce
```
#b5bfce rgb(181,191,206)
```
#b1bfd2
```
#b1bfd2 rgb(177,191,210)
```
#acbed7
```
#acbed7 rgb(172,190,215)
```
#a7bddc
```
#a7bddc rgb(167,189,220)
```
#a2bce1
```
#a2bce1 rgb(162,188,225)
```
#9ebbe5
```
#9ebbe5 rgb(158,187,229)
```
#99baea
```
#99baea rgb(153,186,234)
```
#94baef
```
#94baef rgb(148,186,239)
```
#8fb9f4
```
#8fb9f4 rgb(143,185,244)
```
#8bb8f8
```
#8bb8f8 rgb(139,184,248)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```

Tone Color Variation

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

#a2b6f9 Protanopia 1% of men
#9cb7fe Deuteranopia 1% of men
#7bc3d1 Tritanopia 0.001% of the population

Trichromacy

#98b6fb Protanomaly 1% of men, 0.01% of women
#94b7fd Deuteranomaly 6% of men, 0.4% of women
#7fbee1 Tritanomaly 0.01% of the population