#86dfff hex color

In a RGB color space, hex #86dfff is composed of 52.5% red, 87.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 12.5% magenta, 0% yellow and 0% black. It has a hue angle of 195.9 degrees, a saturation of 100% and a lightness of 76.3%. #86dfff color hex could be obtained by blending #ffffff with #0dbfff. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 53
- G 87
- B 100
RGB color chart
- C 47
- M 13
- Y 0
- K 0
CMYK color chart

● #86dfff color description : Very light blue.

The hexadecimal color #86dfff has RGB values of R:134, G:223, B:255 and CMYK values of C:0.47, M:0.13, Y:0, K:0. Its decimal value is 8839167.

Hex triplet	86dfff	`#86dfff`
RGB Decimal	134, 223, 255	`rgb(134,223,255)`
RGB Percent	52.5, 87.5, 100	`rgb(52.5%,87.5%,100%)`
CMYK	47, 13, 0, 0
HSL	195.9°, 100, 76.3	`hsl(195.9,100%,76.3%)`
HSV (or HSB)	195.9°, 47.5, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.515, -18.463, -23.852
XYZ	54.265, 65.06, 104.301
xyY	0.243, 0.291, 65.06
CIE-LCH	84.515, 30.163, 232.259
CIE-LUV	84.515, -39.802, -35.557
Hunter-Lab	80.66, -21.068, -20.205
Binary	10000110, 11011111, 11111111

#86dfff
```
#86dfff rgb(134,223,255)
```
#ffa686
```
#ffa686 rgb(255,166,134)
```

Complementary Color

#86ffe3
```
#86ffe3 rgb(134,255,227)
```
#86dfff
```
#86dfff rgb(134,223,255)
```
#86a3ff
```
#86a3ff rgb(134,163,255)
```

Analogous Color

#ffe386
```
#ffe386 rgb(255,227,134)
```
#86dfff
```
#86dfff rgb(134,223,255)
```
#ff86a3
```
#ff86a3 rgb(255,134,163)
```

Split Complementary Color

#dfff86
```
#dfff86 rgb(223,255,134)
```
#86dfff
```
#86dfff rgb(134,223,255)
```
#ff86df
```
#ff86df rgb(255,134,223)
```

Triadic Color

#86ffa6
```
#86ffa6 rgb(134,255,166)
```
#86dfff
```
#86dfff rgb(134,223,255)
```
#ff86df
```
#ff86df rgb(255,134,223)
```
#ffa686
```
#ffa686 rgb(255,166,134)
```

Tetradic Color

#3acbff
```
#3acbff rgb(58,203,255)
```
#53d2ff
```
#53d2ff rgb(83,210,255)
```
#6dd8ff
```
#6dd8ff rgb(109,216,255)
```
#86dfff
```
#86dfff rgb(134,223,255)
```
#a0e6ff
```
#a0e6ff rgb(160,230,255)
```
#b9ecff
```
#b9ecff rgb(185,236,255)
```
#d3f3ff
```
#d3f3ff rgb(211,243,255)
```

Monochromatic Color

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

#86fdff
```
#86fdff rgb(134,253,255)
```
#86f3ff
```
#86f3ff rgb(134,243,255)
```
#86e9ff
```
#86e9ff rgb(134,233,255)
```
#86dfff
```
#86dfff rgb(134,223,255)
```
#86d5ff
```
#86d5ff rgb(134,213,255)
```
#86cbff
```
#86cbff rgb(134,203,255)
```
#86c1ff
```
#86c1ff rgb(134,193,255)
```

Similar Colors

Text with hexadecimal color #86dfff

This text has a font color of #86dfff.

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

#86dfff background color

This paragraph has a background color of #86dfff.

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

#86dfff border color

This element has a border color of #86dfff.

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

CSS codes

.text {color:#86dfff;}

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

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

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

#000c10
```
#000c10 rgb(0,12,16)
```
#001a24
```
#001a24 rgb(0,26,36)
```
#002938
```
#002938 rgb(0,41,56)
```
#00374b
```
#00374b rgb(0,55,75)
```
#00465f
```
#00465f rgb(0,70,95)
```
#005472
```
#005472 rgb(0,84,114)
```
#006386
```
#006386 rgb(0,99,134)
```
#00719a
```
#00719a rgb(0,113,154)
```
#007fad
```
#007fad rgb(0,127,173)
```
#008ec1
```
#008ec1 rgb(0,142,193)
```
#009cd4
```
#009cd4 rgb(0,156,212)
```
#00abe8
```
#00abe8 rgb(0,171,232)
```
#00b9fc
```
#00b9fc rgb(0,185,252)
```

Shade Color Variation

#10c0ff
```
#10c0ff rgb(16,192,255)
```
#24c5ff
```
#24c5ff rgb(36,197,255)
```
#38caff
```
#38caff rgb(56,202,255)
```
#4bcfff
```
#4bcfff rgb(75,207,255)
```
#5fd5ff
```
#5fd5ff rgb(95,213,255)
```
#72daff
```
#72daff rgb(114,218,255)
```
#86dfff
```
#86dfff rgb(134,223,255)
```
#9ae4ff
```
#9ae4ff rgb(154,228,255)
```
#ade9ff
```
#ade9ff rgb(173,233,255)
```
#c1efff
```
#c1efff rgb(193,239,255)
```
#d4f4ff
```
#d4f4ff rgb(212,244,255)
```
#e8f9ff
```
#e8f9ff rgb(232,249,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#bec5c7
```
#bec5c7 rgb(190,197,199)
```
#b9c7cc
```
#b9c7cc rgb(185,199,204)
```
#b5c9d0
```
#b5c9d0 rgb(181,201,208)
```
#b0cbd5
```
#b0cbd5 rgb(176,203,213)
```
#abcdda
```
#abcdda rgb(171,205,218)
```
#a7d0de
```
#a7d0de rgb(167,208,222)
```
#a2d2e3
```
#a2d2e3 rgb(162,210,227)
```
#9dd4e8
```
#9dd4e8 rgb(157,212,232)
```
#99d6ec
```
#99d6ec rgb(153,214,236)
```
#94d8f1
```
#94d8f1 rgb(148,216,241)
```
#8fdbf6
```
#8fdbf6 rgb(143,219,246)
```
#8bddfa
```
#8bddfa rgb(139,221,250)
```
#86dfff
```
#86dfff rgb(134,223,255)
```

Tone Color Variation

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

#cdd3f6 Protanopia 1% of men
#d0d1ff Deuteranopia 1% of men
#87e2f3 Tritanopia 0.001% of the population

Trichromacy

#b3d7f9 Protanomaly 1% of men, 0.01% of women
#b5d6ff Deuteranomaly 6% of men, 0.4% of women
#87e1f7 Tritanomaly 0.01% of the population

#86dfff hex color

#86dfff Color Information

#86dfff Color Conversion

Color Schemes with #86dfff

Alternatives to #86dfff

#86dfff Preview

Shades and Tints of #86dfff

Tones of #86dfff

Color Blindness Simulator