#86bcfc hex color

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

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

● #86bcfc color description : Soft blue.

The hexadecimal color #86bcfc has RGB values of R:134, G:188, B:252 and CMYK values of C:0.47, M:0.25, Y:0, K:0.01. Its decimal value is 8830204.

Hex triplet	86bcfc	`#86bcfc`
RGB Decimal	134, 188, 252	`rgb(134,188,252)`
RGB Percent	52.5, 73.7, 98.8	`rgb(52.5%,73.7%,98.8%)`
CMYK	47, 25, 0, 1
HSL	212.5°, 95.2, 75.7	`hsl(212.5,95.2%,75.7%)`
HSV (or HSB)	212.5°, 46.8, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.863, -0.856, -37.079
XYZ	45.381, 48.061, 98.975
xyY	0.236, 0.25, 48.061
CIE-LCH	74.863, 37.089, 268.677
CIE-LUV	74.863, -26.382, -59.861
Hunter-Lab	69.326, -4.473, -36.119
Binary	10000110, 10111100, 11111100

#86bcfc
```
#86bcfc rgb(134,188,252)
```
#fcc686
```
#fcc686 rgb(252,198,134)
```

Complementary Color

#86f7fc
```
#86f7fc rgb(134,247,252)
```
#86bcfc
```
#86bcfc rgb(134,188,252)
```
#8b86fc
```
#8b86fc rgb(139,134,252)
```

Analogous Color

#f7fc86
```
#f7fc86 rgb(247,252,134)
```
#86bcfc
```
#86bcfc rgb(134,188,252)
```
#fc8b86
```
#fc8b86 rgb(252,139,134)
```

Split Complementary Color

#bcfc86
```
#bcfc86 rgb(188,252,134)
```
#86bcfc
```
#86bcfc rgb(134,188,252)
```
#fc86bc
```
#fc86bc rgb(252,134,188)
```

Triadic Color

#86fcc6
```
#86fcc6 rgb(134,252,198)
```
#86bcfc
```
#86bcfc rgb(134,188,252)
```
#fc86bc
```
#fc86bc rgb(252,134,188)
```
#fcc686
```
#fcc686 rgb(252,198,134)
```

Tetradic Color

#3b93fa
```
#3b93fa rgb(59,147,250)
```
#54a0fb
```
#54a0fb rgb(84,160,251)
```
#6daefb
```
#6daefb rgb(109,174,251)
```
#86bcfc
```
#86bcfc rgb(134,188,252)
```
#9fcafd
```
#9fcafd rgb(159,202,253)
```
#b8d8fd
```
#b8d8fd rgb(184,216,253)
```
#d1e5fe
```
#d1e5fe rgb(209,229,254)
```

Monochromatic Color

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

#86dafc
```
#86dafc rgb(134,218,252)
```
#86d0fc
```
#86d0fc rgb(134,208,252)
```
#86c6fc
```
#86c6fc rgb(134,198,252)
```
#86bcfc
```
#86bcfc rgb(134,188,252)
```
#86b2fc
```
#86b2fc rgb(134,178,252)
```
#86a8fc
```
#86a8fc rgb(134,168,252)
```
#869ffc
```
#869ffc rgb(134,159,252)
```

Similar Colors

Text with hexadecimal color #86bcfc

This text has a font color of #86bcfc.

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

#86bcfc background color

This paragraph has a background color of #86bcfc.

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

#86bcfc border color

This element has a border color of #86bcfc.

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

CSS codes

.text {color:#86bcfc;}

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

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

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 #f9fcff is the lightest one.

#00060d
```
#00060d rgb(0,6,13)
```
#010f20
```
#010f20 rgb(1,15,32)
```
#011833
```
#011833 rgb(1,24,51)
```
#022146
```
#022146 rgb(2,33,70)
```
#022a5a
```
#022a5a rgb(2,42,90)
```
#03336d
```
#03336d rgb(3,51,109)
```
#033c80
```
#033c80 rgb(3,60,128)
```
#044593
```
#044593 rgb(4,69,147)
```
#044ea6
```
#044ea6 rgb(4,78,166)
```
#0557b9
```
#0557b9 rgb(5,87,185)
```
#0560cc
```
#0560cc rgb(5,96,204)
```
#0669e0
```
#0669e0 rgb(6,105,224)
```
#0672f3
```
#0672f3 rgb(6,114,243)
```

Shade Color Variation

#137cf9
```
#137cf9 rgb(19,124,249)
```
#2687fa
```
#2687fa rgb(38,135,250)
```
#3992fa
```
#3992fa rgb(57,146,250)
```
#4d9cfb
```
#4d9cfb rgb(77,156,251)
```
#60a7fb
```
#60a7fb rgb(96,167,251)
```
#73b1fc
```
#73b1fc rgb(115,177,252)
```
#86bcfc
```
#86bcfc rgb(134,188,252)
```
#99c7fc
```
#99c7fc rgb(153,199,252)
```
#acd1fd
```
#acd1fd rgb(172,209,253)
```
#bfdcfd
```
#bfdcfd rgb(191,220,253)
```
#d3e6fe
```
#d3e6fe rgb(211,230,254)
```
#e6f1fe
```
#e6f1fe rgb(230,241,254)
```
#f9fcff
```
#f9fcff rgb(249,252,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 #86bcfc is the most saturated one.

#bfc1c3
```
#bfc1c3 rgb(191,193,195)
```
#bac0c8
```
#bac0c8 rgb(186,192,200)
```
#b6c0cc
```
#b6c0cc rgb(182,192,204)
```
#b1c0d1
```
#b1c0d1 rgb(177,192,209)
```
#acbfd6
```
#acbfd6 rgb(172,191,214)
```
#a7bfdb
```
#a7bfdb rgb(167,191,219)
```
#a3bedf
```
#a3bedf rgb(163,190,223)
```
#9ebee4
```
#9ebee4 rgb(158,190,228)
```
#99bee9
```
#99bee9 rgb(153,190,233)
```
#94bdee
```
#94bdee rgb(148,189,238)
```
#90bdf2
```
#90bdf2 rgb(144,189,242)
```
#8bbcf7
```
#8bbcf7 rgb(139,188,247)
```
#86bcfc
```
#86bcfc rgb(134,188,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#aab5c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b9f8 Protanopia 1% of men
#a3bafe Deuteranopia 1% of men
#7dc7d5 Tritanopia 0.001% of the population

Trichromacy

#9cbaf9 Protanomaly 1% of men, 0.01% of women
#98bafd Deuteranomaly 6% of men, 0.4% of women
#80c3e3 Tritanomaly 0.01% of the population

#86bcfc hex color

#86bcfc Color Information

#86bcfc Color Conversion

Color Schemes with #86bcfc

Alternatives to #86bcfc

#86bcfc Preview

Shades and Tints of #86bcfc

Tones of #86bcfc

Color Blindness Simulator