#86c4ff hex color

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

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

● #86c4ff color description : Very light blue.

The hexadecimal color #86c4ff has RGB values of R:134, G:196, B:255 and CMYK values of C:0.47, M:0.23, Y:0, K:0. Its decimal value is 8832255.

Hex triplet	86c4ff	`#86c4ff`
RGB Decimal	134, 196, 255	`rgb(134,196,255)`
RGB Percent	52.5, 76.9, 100	`rgb(52.5%,76.9%,100%)`
CMYK	47, 23, 0, 0
HSL	209.3°, 100, 76.3	`hsl(209.3,100%,76.3%)`
HSV (or HSB)	209.3°, 47.5, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.141, -4.357, -35.161
XYZ	47.617, 51.766, 102.085
xyY	0.236, 0.257, 51.766
CIE-LCH	77.141, 35.43, 262.936
CIE-LUV	77.141, -29.42, -56.332
Hunter-Lab	71.948, -7.774, -33.76
Binary	10000110, 11000100, 11111111

#86c4ff
```
#86c4ff rgb(134,196,255)
```
#ffc186
```
#ffc186 rgb(255,193,134)
```

Complementary Color

#86fffe
```
#86fffe rgb(134,255,254)
```
#86c4ff
```
#86c4ff rgb(134,196,255)
```
#8688ff
```
#8688ff rgb(134,136,255)
```

Analogous Color

#fffe86
```
#fffe86 rgb(255,254,134)
```
#86c4ff
```
#86c4ff rgb(134,196,255)
```
#ff8688
```
#ff8688 rgb(255,134,136)
```

Split Complementary Color

#c4ff86
```
#c4ff86 rgb(196,255,134)
```
#86c4ff
```
#86c4ff rgb(134,196,255)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```

Triadic Color

#86ffc1
```
#86ffc1 rgb(134,255,193)
```
#86c4ff
```
#86c4ff rgb(134,196,255)
```
#ff86c4
```
#ff86c4 rgb(255,134,196)
```
#ffc186
```
#ffc186 rgb(255,193,134)
```

Tetradic Color

#3a9fff
```
#3a9fff rgb(58,159,255)
```
#53abff
```
#53abff rgb(83,171,255)
```
#6db8ff
```
#6db8ff rgb(109,184,255)
```
#86c4ff
```
#86c4ff rgb(134,196,255)
```
#a0d0ff
```
#a0d0ff rgb(160,208,255)
```
#b9ddff
```
#b9ddff rgb(185,221,255)
```
#d3e9ff
```
#d3e9ff rgb(211,233,255)
```

Monochromatic Color

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

#86e2ff
```
#86e2ff rgb(134,226,255)
```
#86d8ff
```
#86d8ff rgb(134,216,255)
```
#86ceff
```
#86ceff rgb(134,206,255)
```
#86c4ff
```
#86c4ff rgb(134,196,255)
```
#86baff
```
#86baff rgb(134,186,255)
```
#86b0ff
```
#86b0ff rgb(134,176,255)
```
#86a6ff
```
#86a6ff rgb(134,166,255)
```

Similar Colors

Text with hexadecimal color #86c4ff

This text has a font color of #86c4ff.

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

#86c4ff background color

This paragraph has a background color of #86c4ff.

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

#86c4ff border color

This element has a border color of #86c4ff.

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

CSS codes

.text {color:#86c4ff;}

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

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

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, #000810 is the darkest color, while #fcfdff is the lightest one.

#000810
```
#000810 rgb(0,8,16)
```
#001224
```
#001224 rgb(0,18,36)
```
#001c38
```
#001c38 rgb(0,28,56)
```
#00274b
```
#00274b rgb(0,39,75)
```
#00315f
```
#00315f rgb(0,49,95)
```
#003b72
```
#003b72 rgb(0,59,114)
```
#004586
```
#004586 rgb(0,69,134)
```
#004f9a
```
#004f9a rgb(0,79,154)
```
#0059ad
```
#0059ad rgb(0,89,173)
```
#0063c1
```
#0063c1 rgb(0,99,193)
```
#006dd4
```
#006dd4 rgb(0,109,212)
```
#0077e8
```
#0077e8 rgb(0,119,232)
```
#0081fc
```
#0081fc rgb(0,129,252)
```

Shade Color Variation

#108bff
```
#108bff rgb(16,139,255)
```
#2494ff
```
#2494ff rgb(36,148,255)
```
#389eff
```
#389eff rgb(56,158,255)
```
#4ba7ff
```
#4ba7ff rgb(75,167,255)
```
#5fb1ff
```
#5fb1ff rgb(95,177,255)
```
#72baff
```
#72baff rgb(114,186,255)
```
#86c4ff
```
#86c4ff rgb(134,196,255)
```
#9aceff
```
#9aceff rgb(154,206,255)
```
#add7ff
```
#add7ff rgb(173,215,255)
```
#c1e1ff
```
#c1e1ff rgb(193,225,255)
```
#d4eaff
```
#d4eaff rgb(212,234,255)
```
#e8f4ff
```
#e8f4ff rgb(232,244,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#bec3c7
```
#bec3c7 rgb(190,195,199)
```
#b9c3cc
```
#b9c3cc rgb(185,195,204)
```
#b5c3d0
```
#b5c3d0 rgb(181,195,208)
```
#b0c3d5
```
#b0c3d5 rgb(176,195,213)
```
#abc3da
```
#abc3da rgb(171,195,218)
```
#a7c3de
```
#a7c3de rgb(167,195,222)
```
#a2c3e3
```
#a2c3e3 rgb(162,195,227)
```
#9dc3e8
```
#9dc3e8 rgb(157,195,232)
```
#99c4ec
```
#99c4ec rgb(153,196,236)
```
#94c4f1
```
#94c4f1 rgb(148,196,241)
```
#8fc4f6
```
#8fc4f6 rgb(143,196,246)
```
#8bc4fa
```
#8bc4fa rgb(139,196,250)
```
#86c4ff
```
#86c4ff rgb(134,196,255)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#aebac6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0bffa Protanopia 1% of men
#adbfff Deuteranopia 1% of men
#7ecddc Tritanopia 0.001% of the population

Trichromacy

#a1c1fb Protanomaly 1% of men, 0.01% of women
#9fc1ff Deuteranomaly 6% of men, 0.4% of women
#81cae9 Tritanomaly 0.01% of the population

#86c4ff hex color

#86c4ff Color Information

#86c4ff Color Conversion

Color Schemes with #86c4ff

Alternatives to #86c4ff

#86c4ff Preview

Shades and Tints of #86c4ff

Tones of #86c4ff

Color Blindness Simulator