#86c8de hex color

In a RGB color space, hex #86c8de is composed of 52.5% red, 78.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 9.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 195 degrees, a saturation of 57.1% and a lightness of 69.8%. #86c8de color hex could be obtained by blending #ffffff with #0d91bd. Closest websafe color is: #99cccc.

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

● #86c8de color description : Very soft blue.

The hexadecimal color #86c8de has RGB values of R:134, G:200, B:222 and CMYK values of C:0.4, M:0.1, Y:0, K:0.13. Its decimal value is 8833246.

Hex triplet	86c8de	`#86c8de`
RGB Decimal	134, 200, 222	`rgb(134,200,222)`
RGB Percent	52.5, 78.4, 87.1	`rgb(52.5%,78.4%,87.1%)`
CMYK	40, 10, 0, 13
HSL	195°, 57.1, 69.8	`hsl(195,57.1%,69.8%)`
HSV (or HSB)	195°, 39.6, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.07, -15.353, -17.543
XYZ	43.667, 51.649, 76.771
xyY	0.254, 0.3, 51.649
CIE-LCH	77.07, 23.313, 228.81
CIE-LUV	77.07, -31.344, -25.138
Hunter-Lab	71.867, -17.308, -13.029
Binary	10000110, 11001000, 11011110

#86c8de
```
#86c8de rgb(134,200,222)
```
#de9c86
```
#de9c86 rgb(222,156,134)
```

Complementary Color

#86dec8
```
#86dec8 rgb(134,222,200)
```
#86c8de
```
#86c8de rgb(134,200,222)
```
#869cde
```
#869cde rgb(134,156,222)
```

Analogous Color

#dec886
```
#dec886 rgb(222,200,134)
```
#86c8de
```
#86c8de rgb(134,200,222)
```
#de869c
```
#de869c rgb(222,134,156)
```

Split Complementary Color

#c8de86
```
#c8de86 rgb(200,222,134)
```
#86c8de
```
#86c8de rgb(134,200,222)
```
#de86c8
```
#de86c8 rgb(222,134,200)
```

Triadic Color

#86de9c
```
#86de9c rgb(134,222,156)
```
#86c8de
```
#86c8de rgb(134,200,222)
```
#de86c8
```
#de86c8 rgb(222,134,200)
```
#de9c86
```
#de9c86 rgb(222,156,134)
```

Tetradic Color

#4aadce
```
#4aadce rgb(74,173,206)
```
#5eb6d3
```
#5eb6d3 rgb(94,182,211)
```
#72bfd9
```
#72bfd9 rgb(114,191,217)
```
#86c8de
```
#86c8de rgb(134,200,222)
```
#9ad1e3
```
#9ad1e3 rgb(154,209,227)
```
#aedae9
```
#aedae9 rgb(174,218,233)
```
#c2e3ee
```
#c2e3ee rgb(194,227,238)
```

Monochromatic Color

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

#86dede
```
#86dede rgb(134,222,222)
```
#86d7de
```
#86d7de rgb(134,215,222)
```
#86cfde
```
#86cfde rgb(134,207,222)
```
#86c8de
```
#86c8de rgb(134,200,222)
```
#86c1de
```
#86c1de rgb(134,193,222)
```
#86b9de
```
#86b9de rgb(134,185,222)
```
#86b2de
```
#86b2de rgb(134,178,222)
```

Similar Colors

Text with hexadecimal color #86c8de

This text has a font color of #86c8de.

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

#86c8de background color

This paragraph has a background color of #86c8de.

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

#86c8de border color

This element has a border color of #86c8de.

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

CSS codes

.text {color:#86c8de;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#050e12
```
#050e12 rgb(5,14,18)
```
#091b21
```
#091b21 rgb(9,27,33)
```
#0d2831
```
#0d2831 rgb(13,40,49)
```
#113440
```
#113440 rgb(17,52,64)
```
#16414f
```
#16414f rgb(22,65,79)
```
#1a4e5f
```
#1a4e5f rgb(26,78,95)
```
#1e5a6e
```
#1e5a6e rgb(30,90,110)
```
#22677e
```
#22677e rgb(34,103,126)
```
#26738d
```
#26738d rgb(38,115,141)
```
#2b809c
```
#2b809c rgb(43,128,156)
```
#2f8dac
```
#2f8dac rgb(47,141,172)
```
#3399bb
```
#3399bb rgb(51,153,187)
```

Shade Color Variation

#39a5c9
```
#39a5c9 rgb(57,165,201)
```
#48accd
```
#48accd rgb(72,172,205)
```
#58b3d1
```
#58b3d1 rgb(88,179,209)
```
#67bad6
```
#67bad6 rgb(103,186,214)
```
#77c1da
```
#77c1da rgb(119,193,218)
```
#86c8de
```
#86c8de rgb(134,200,222)
```
#95cfe2
```
#95cfe2 rgb(149,207,226)
```
#a5d6e6
```
#a5d6e6 rgb(165,214,230)
```
#b4ddeb
```
#b4ddeb rgb(180,221,235)
```
#c4e4ef
```
#c4e4ef rgb(196,228,239)
```
#d3ebf3
```
#d3ebf3 rgb(211,235,243)
```
#e2f2f7
```
#e2f2f7 rgb(226,242,247)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

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

#afb3b5
```
#afb3b5 rgb(175,179,181)
```
#aab6ba
```
#aab6ba rgb(170,182,186)
```
#a4b9c0
```
#a4b9c0 rgb(164,185,192)
```
#9ebcc6
```
#9ebcc6 rgb(158,188,198)
```
#98bfcc
```
#98bfcc rgb(152,191,204)
```
#92c2d2
```
#92c2d2 rgb(146,194,210)
```
#8cc5d8
```
#8cc5d8 rgb(140,197,216)
```
#86c8de
```
#86c8de rgb(134,200,222)
```
#80cbe4
```
#80cbe4 rgb(128,203,228)
```
#7aceea
```
#7aceea rgb(122,206,234)
```
#74d1f0
```
#74d1f0 rgb(116,209,240)
```
#6ed4f6
```
#6ed4f6 rgb(110,212,246)
```
#68d7fc
```
#68d7fc rgb(104,215,252)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#adbabf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc0d9 Protanopia 1% of men
#c1bde4 Deuteranopia 1% of men
#8acbda Tritanopia 0.001% of the population

Trichromacy

#a9c3db Protanomaly 1% of men, 0.01% of women
#abc1e2 Deuteranomaly 6% of men, 0.4% of women
#88cadb Tritanomaly 0.01% of the population

#86c8de hex color

#86c8de Color Information

#86c8de Color Conversion

Color Schemes with #86c8de

Alternatives to #86c8de

#86c8de Preview

Shades and Tints of #86c8de

Tones of #86c8de

Color Blindness Simulator