#86e0fd hex color

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

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

● #86e0fd color description : Soft cyan.

The hexadecimal color #86e0fd has RGB values of R:134, G:224, B:253 and CMYK values of C:0.47, M:0.11, Y:0, K:0.01. Its decimal value is 8839421.

Hex triplet	86e0fd	`#86e0fd`
RGB Decimal	134, 224, 253	`rgb(134,224,253)`
RGB Percent	52.5, 87.8, 99.2	`rgb(52.5%,87.8%,99.2%)`
CMYK	47, 11, 0, 1
HSL	194.6°, 96.7, 75.9	`hsl(194.6,96.7%,75.9%)`
HSV (or HSB)	194.6°, 47, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.724, -19.499, -22.479
XYZ	54.212, 65.468, 102.703
xyY	0.244, 0.294, 65.468
CIE-LCH	84.724, 29.758, 229.06
CIE-LUV	84.724, -40.241, -33.092
Hunter-Lab	80.912, -22, -18.619
Binary	10000110, 11100000, 11111101

#86e0fd
```
#86e0fd rgb(134,224,253)
```
#fda386
```
#fda386 rgb(253,163,134)
```

Complementary Color

#86fddf
```
#86fddf rgb(134,253,223)
```
#86e0fd
```
#86e0fd rgb(134,224,253)
```
#86a5fd
```
#86a5fd rgb(134,165,253)
```

Analogous Color

#fddf86
```
#fddf86 rgb(253,223,134)
```
#86e0fd
```
#86e0fd rgb(134,224,253)
```
#fd86a5
```
#fd86a5 rgb(253,134,165)
```

Split Complementary Color

#e0fd86
```
#e0fd86 rgb(224,253,134)
```
#86e0fd
```
#86e0fd rgb(134,224,253)
```
#fd86e0
```
#fd86e0 rgb(253,134,224)
```

Triadic Color

#86fda3
```
#86fda3 rgb(134,253,163)
```
#86e0fd
```
#86e0fd rgb(134,224,253)
```
#fd86e0
```
#fd86e0 rgb(253,134,224)
```
#fda386
```
#fda386 rgb(253,163,134)
```

Tetradic Color

#3bcdfc
```
#3bcdfc rgb(59,205,252)
```
#54d3fc
```
#54d3fc rgb(84,211,252)
```
#6ddafd
```
#6ddafd rgb(109,218,253)
```
#86e0fd
```
#86e0fd rgb(134,224,253)
```
#9fe6fd
```
#9fe6fd rgb(159,230,253)
```
#b8edfe
```
#b8edfe rgb(184,237,254)
```
#d1f3fe
```
#d1f3fe rgb(209,243,254)
```

Monochromatic Color

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

#86fdfc
```
#86fdfc rgb(134,253,252)
```
#86f4fd
```
#86f4fd rgb(134,244,253)
```
#86eafd
```
#86eafd rgb(134,234,253)
```
#86e0fd
```
#86e0fd rgb(134,224,253)
```
#86d6fd
```
#86d6fd rgb(134,214,253)
```
#86ccfd
```
#86ccfd rgb(134,204,253)
```
#86c2fd
```
#86c2fd rgb(134,194,253)
```

Similar Colors

Text with hexadecimal color #86e0fd

This text has a font color of #86e0fd.

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

#86e0fd background color

This paragraph has a background color of #86e0fd.

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

#86e0fd border color

This element has a border color of #86e0fd.

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

CSS codes

.text {color:#86e0fd;}

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

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

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, #000b0e is the darkest color, while #fafeff is the lightest one.

#000b0e
```
#000b0e rgb(0,11,14)
```
#011921
```
#011921 rgb(1,25,33)
```
#012835
```
#012835 rgb(1,40,53)
```
#013748
```
#013748 rgb(1,55,72)
```
#02455b
```
#02455b rgb(2,69,91)
```
#02546f
```
#02546f rgb(2,84,111)
```
#026382
```
#026382 rgb(2,99,130)
```
#027195
```
#027195 rgb(2,113,149)
```
#0380a8
```
#0380a8 rgb(3,128,168)
```
#038fbc
```
#038fbc rgb(3,143,188)
```
#039dcf
```
#039dcf rgb(3,157,207)
```
#04ace2
```
#04ace2 rgb(4,172,226)
```
#04bbf6
```
#04bbf6 rgb(4,187,246)
```

Shade Color Variation

#12c2fb
```
#12c2fb rgb(18,194,251)
```
#26c7fb
```
#26c7fb rgb(38,199,251)
```
#39ccfc
```
#39ccfc rgb(57,204,252)
```
#4cd1fc
```
#4cd1fc rgb(76,209,252)
```
#5fd6fc
```
#5fd6fc rgb(95,214,252)
```
#73dbfd
```
#73dbfd rgb(115,219,253)
```
#86e0fd
```
#86e0fd rgb(134,224,253)
```
#99e5fd
```
#99e5fd rgb(153,229,253)
```
#adeafe
```
#adeafe rgb(173,234,254)
```
#c0effe
```
#c0effe rgb(192,239,254)
```
#d3f4fe
```
#d3f4fe rgb(211,244,254)
```
#e6f9ff
```
#e6f9ff rgb(230,249,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#bfc3c4
```
#bfc3c4 rgb(191,195,196)
```
#bac5c9
```
#bac5c9 rgb(186,197,201)
```
#b5c8ce
```
#b5c8ce rgb(181,200,206)
```
#b1cad2
```
#b1cad2 rgb(177,202,210)
```
#accdd7
```
#accdd7 rgb(172,205,215)
```
#a7cfdc
```
#a7cfdc rgb(167,207,220)
```
#a2d1e1
```
#a2d1e1 rgb(162,209,225)
```
#9ed4e5
```
#9ed4e5 rgb(158,212,229)
```
#99d6ea
```
#99d6ea rgb(153,214,234)
```
#94d9ef
```
#94d9ef rgb(148,217,239)
```
#8fdbf4
```
#8fdbf4 rgb(143,219,244)
```
#8bdef8
```
#8bdef8 rgb(139,222,248)
```
#86e0fd
```
#86e0fd rgb(134,224,253)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#bbcdd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd4f4 Protanopia 1% of men
#d1d2ff Deuteranopia 1% of men
#88e3f3 Tritanopia 0.001% of the population

Trichromacy

#b4d8f7 Protanomaly 1% of men, 0.01% of women
#b6d7fe Deuteranomaly 6% of men, 0.4% of women
#87e2f7 Tritanomaly 0.01% of the population

#86e0fd hex color

#86e0fd Color Information

#86e0fd Color Conversion

Color Schemes with #86e0fd

Alternatives to #86e0fd

#86e0fd Preview

Shades and Tints of #86e0fd

Tones of #86e0fd

Color Blindness Simulator