#86dcfb hex color

In a RGB color space, hex #86dcfb is composed of 52.5% red, 86.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 12.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 195.9 degrees, a saturation of 93.6% and a lightness of 75.5%. #86dcfb color hex could be obtained by blending #ffffff with #0db9f7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 53
- G 86
- B 98
RGB color chart
- C 47
- M 12
- Y 0
- K 2
CMYK color chart

● #86dcfb color description : Soft blue.

The hexadecimal color #86dcfb has RGB values of R:134, G:220, B:251 and CMYK values of C:0.47, M:0.12, Y:0, K:0.02. Its decimal value is 8838395.

Hex triplet	86dcfb	`#86dcfb`
RGB Decimal	134, 220, 251	`rgb(134,220,251)`
RGB Percent	52.5, 86.3, 98.4	`rgb(52.5%,86.3%,98.4%)`
CMYK	47, 12, 0, 2
HSL	195.9°, 93.6, 75.5	`hsl(195.9,93.6%,75.5%)`
HSV (or HSB)	195.9°, 46.6, 98.4
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.556, -18.011, -23.197
XYZ	52.833, 63.217, 100.679
xyY	0.244, 0.292, 63.217
CIE-LCH	83.556, 29.368, 232.172
CIE-LUV	83.556, -38.742, -34.467
Hunter-Lab	79.509, -20.529, -19.421
Binary	10000110, 11011100, 11111011

#86dcfb
```
#86dcfb rgb(134,220,251)
```
#fba586
```
#fba586 rgb(251,165,134)
```

Complementary Color

#86fbe0
```
#86fbe0 rgb(134,251,224)
```
#86dcfb
```
#86dcfb rgb(134,220,251)
```
#86a2fb
```
#86a2fb rgb(134,162,251)
```

Analogous Color

#fbe086
```
#fbe086 rgb(251,224,134)
```
#86dcfb
```
#86dcfb rgb(134,220,251)
```
#fb86a2
```
#fb86a2 rgb(251,134,162)
```

Split Complementary Color

#dcfb86
```
#dcfb86 rgb(220,251,134)
```
#86dcfb
```
#86dcfb rgb(134,220,251)
```
#fb86dc
```
#fb86dc rgb(251,134,220)
```

Triadic Color

#86fba5
```
#86fba5 rgb(134,251,165)
```
#86dcfb
```
#86dcfb rgb(134,220,251)
```
#fb86dc
```
#fb86dc rgb(251,134,220)
```
#fba586
```
#fba586 rgb(251,165,134)
```

Tetradic Color

#3cc7f9
```
#3cc7f9 rgb(60,199,249)
```
#55cef9
```
#55cef9 rgb(85,206,249)
```
#6dd5fa
```
#6dd5fa rgb(109,213,250)
```
#86dcfb
```
#86dcfb rgb(134,220,251)
```
#9fe3fc
```
#9fe3fc rgb(159,227,252)
```
#b7eafd
```
#b7eafd rgb(183,234,253)
```
#d0f1fd
```
#d0f1fd rgb(208,241,253)
```

Monochromatic Color

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

#86f9fb
```
#86f9fb rgb(134,249,251)
```
#86f0fb
```
#86f0fb rgb(134,240,251)
```
#86e6fb
```
#86e6fb rgb(134,230,251)
```
#86dcfb
```
#86dcfb rgb(134,220,251)
```
#86d2fb
```
#86d2fb rgb(134,210,251)
```
#86c9fb
```
#86c9fb rgb(134,201,251)
```
#86bffb
```
#86bffb rgb(134,191,251)
```

Similar Colors

Text with hexadecimal color #86dcfb

This text has a font color of #86dcfb.

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

#86dcfb background color

This paragraph has a background color of #86dcfb.

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

#86dcfb border color

This element has a border color of #86dcfb.

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

CSS codes

.text {color:#86dcfb;}

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

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

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, #00090c is the darkest color, while #f8fdff is the lightest one.

#00090c
```
#00090c rgb(0,9,12)
```
#01171f
```
#01171f rgb(1,23,31)
```
#022532
```
#022532 rgb(2,37,50)
```
#023345
```
#023345 rgb(2,51,69)
```
#034158
```
#034158 rgb(3,65,88)
```
#044f6b
```
#044f6b rgb(4,79,107)
```
#045e7e
```
#045e7e rgb(4,94,126)
```
#056c91
```
#056c91 rgb(5,108,145)
```
#057aa4
```
#057aa4 rgb(5,122,164)
```
#0688b7
```
#0688b7 rgb(6,136,183)
```
#0796ca
```
#0796ca rgb(7,150,202)
```
#07a4dd
```
#07a4dd rgb(7,164,221)
```
#08b2f0
```
#08b2f0 rgb(8,178,240)
```

Shade Color Variation

#14bbf7
```
#14bbf7 rgb(20,187,247)
```
#27c1f8
```
#27c1f8 rgb(39,193,248)
```
#3ac6f8
```
#3ac6f8 rgb(58,198,248)
```
#4dccf9
```
#4dccf9 rgb(77,204,249)
```
#60d1fa
```
#60d1fa rgb(96,209,250)
```
#73d7fa
```
#73d7fa rgb(115,215,250)
```
#86dcfb
```
#86dcfb rgb(134,220,251)
```
#99e1fc
```
#99e1fc rgb(153,225,252)
```
#ace7fc
```
#ace7fc rgb(172,231,252)
```
#bfecfd
```
#bfecfd rgb(191,236,253)
```
#d2f2fe
```
#d2f2fe rgb(210,242,254)
```
#e5f7fe
```
#e5f7fe rgb(229,247,254)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#c0c1c1
```
#c0c1c1 rgb(192,193,193)
```
#bbc3c6
```
#bbc3c6 rgb(187,195,198)
```
#b6c5cb
```
#b6c5cb rgb(182,197,203)
```
#b1c8d0
```
#b1c8d0 rgb(177,200,208)
```
#accad5
```
#accad5 rgb(172,202,213)
```
#a8ccd9
```
#a8ccd9 rgb(168,204,217)
```
#a3cede
```
#a3cede rgb(163,206,222)
```
#9ed1e3
```
#9ed1e3 rgb(158,209,227)
```
#99d3e8
```
#99d3e8 rgb(153,211,232)
```
#94d5ed
```
#94d5ed rgb(148,213,237)
```
#90d7f1
```
#90d7f1 rgb(144,215,241)
```
#8bdaf6
```
#8bdaf6 rgb(139,218,246)
```
#86dcfb
```
#86dcfb rgb(134,220,251)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b9cad1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbd1f3 Protanopia 1% of men
#cdceff Deuteranopia 1% of men
#87dff0 Tritanopia 0.001% of the population

Trichromacy

#b2d5f6 Protanomaly 1% of men, 0.01% of women
#b3d3fd Deuteranomaly 6% of men, 0.4% of women
#87def4 Tritanomaly 0.01% of the population

#86dcfb hex color

#86dcfb Color Information

#86dcfb Color Conversion

Color Schemes with #86dcfb

Alternatives to #86dcfb

#86dcfb Preview

Shades and Tints of #86dcfb

Tones of #86dcfb

Color Blindness Simulator