#86d6de hex color

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

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

● #86d6de color description : Very soft cyan.

The hexadecimal color #86d6de has RGB values of R:134, G:214, B:222 and CMYK values of C:0.4, M:0.04, Y:0, K:0.13. Its decimal value is 8836830.

Hex triplet	86d6de	`#86d6de`
RGB Decimal	134, 214, 222	`rgb(134,214,222)`
RGB Percent	52.5, 83.9, 87.1	`rgb(52.5%,83.9%,87.1%)`
CMYK	40, 4, 0, 13
HSL	185.5°, 57.1, 69.8	`hsl(185.5,57.1%,69.8%)`
HSV (or HSB)	185.5°, 39.6, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.979, -22.458, -11.674
XYZ	47.059, 58.433, 77.902
xyY	0.257, 0.319, 58.433
CIE-LCH	80.979, 25.311, 207.467
CIE-LUV	80.979, -37.036, -14.637
Hunter-Lab	76.441, -23.883, -6.914
Binary	10000110, 11010110, 11011110

#86d6de
```
#86d6de rgb(134,214,222)
```
#de8e86
```
#de8e86 rgb(222,142,134)
```

Complementary Color

#86deba
```
#86deba rgb(134,222,186)
```
#86d6de
```
#86d6de rgb(134,214,222)
```
#86aade
```
#86aade rgb(134,170,222)
```

Analogous Color

#deba86
```
#deba86 rgb(222,186,134)
```
#86d6de
```
#86d6de rgb(134,214,222)
```
#de86aa
```
#de86aa rgb(222,134,170)
```

Split Complementary Color

#d6de86
```
#d6de86 rgb(214,222,134)
```
#86d6de
```
#86d6de rgb(134,214,222)
```
#de86d6
```
#de86d6 rgb(222,134,214)
```

Triadic Color

#86de8e
```
#86de8e rgb(134,222,142)
```
#86d6de
```
#86d6de rgb(134,214,222)
```
#de86d6
```
#de86d6 rgb(222,134,214)
```
#de8e86
```
#de8e86 rgb(222,142,134)
```

Tetradic Color

#4ac2ce
```
#4ac2ce rgb(74,194,206)
```
#5ec8d3
```
#5ec8d3 rgb(94,200,211)
```
#72cfd9
```
#72cfd9 rgb(114,207,217)
```
#86d6de
```
#86d6de rgb(134,214,222)
```
#9adde3
```
#9adde3 rgb(154,221,227)
```
#aee4e9
```
#aee4e9 rgb(174,228,233)
```
#c2eaee
```
#c2eaee rgb(194,234,238)
```

Monochromatic Color

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

#86ded0
```
#86ded0 rgb(134,222,208)
```
#86ded7
```
#86ded7 rgb(134,222,215)
```
#86ddde
```
#86ddde rgb(134,221,222)
```
#86d6de
```
#86d6de rgb(134,214,222)
```
#86cfde
```
#86cfde rgb(134,207,222)
```
#86c7de
```
#86c7de rgb(134,199,222)
```
#86c0de
```
#86c0de rgb(134,192,222)
```

Similar Colors

Text with hexadecimal color #86d6de

This text has a font color of #86d6de.

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

#86d6de background color

This paragraph has a background color of #86d6de.

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

#86d6de border color

This element has a border color of #86d6de.

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

CSS codes

.text {color:#86d6de;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051112
```
#051112 rgb(5,17,18)
```
#091f21
```
#091f21 rgb(9,31,33)
```
#0d2d31
```
#0d2d31 rgb(13,45,49)
```
#113c40
```
#113c40 rgb(17,60,64)
```
#164a4f
```
#164a4f rgb(22,74,79)
```
#1a595f
```
#1a595f rgb(26,89,95)
```
#1e676e
```
#1e676e rgb(30,103,110)
```
#22757e
```
#22757e rgb(34,117,126)
```
#26848d
```
#26848d rgb(38,132,141)
```
#2b929c
```
#2b929c rgb(43,146,156)
```
#2fa0ac
```
#2fa0ac rgb(47,160,172)
```
#33afbb
```
#33afbb rgb(51,175,187)
```

Shade Color Variation

#39bcc9
```
#39bcc9 rgb(57,188,201)
```
#48c1cd
```
#48c1cd rgb(72,193,205)
```
#58c6d1
```
#58c6d1 rgb(88,198,209)
```
#67ccd6
```
#67ccd6 rgb(103,204,214)
```
#77d1da
```
#77d1da rgb(119,209,218)
```
#86d6de
```
#86d6de rgb(134,214,222)
```
#95dbe2
```
#95dbe2 rgb(149,219,226)
```
#a5e0e6
```
#a5e0e6 rgb(165,224,230)
```
#b4e6eb
```
#b4e6eb rgb(180,230,235)
```
#c4ebef
```
#c4ebef rgb(196,235,239)
```
#d3f0f3
```
#d3f0f3 rgb(211,240,243)
```
#e2f5f7
```
#e2f5f7 rgb(226,245,247)
```
#f2fbfb
```
#f2fbfb rgb(242,251,251)
```

Tint Color Variation

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

#afb4b5
```
#afb4b5 rgb(175,180,181)
```
#aab9ba
```
#aab9ba rgb(170,185,186)
```
#a4bec0
```
#a4bec0 rgb(164,190,192)
```
#9ec3c6
```
#9ec3c6 rgb(158,195,198)
```
#98c7cc
```
#98c7cc rgb(152,199,204)
```
#92ccd2
```
#92ccd2 rgb(146,204,210)
```
#8cd1d8
```
#8cd1d8 rgb(140,209,216)
```
#86d6de
```
#86d6de rgb(134,214,222)
```
#80dbe4
```
#80dbe4 rgb(128,219,228)
```
#7ae0ea
```
#7ae0ea rgb(122,224,234)
```
#74e5f0
```
#74e5f0 rgb(116,229,240)
```
#6ee9f6
```
#6ee9f6 rgb(110,233,246)
```
#68eefc
```
#68eefc rgb(104,238,252)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b4c4c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcad8 Protanopia 1% of men
#d1c7e5 Deuteranopia 1% of men
#8ed6e6 Tritanopia 0.001% of the population

Trichromacy

#b2ceda Protanomaly 1% of men, 0.01% of women
#b6cce2 Deuteranomaly 6% of men, 0.4% of women
#8bd6e3 Tritanomaly 0.01% of the population

#86d6de hex color

#86d6de Color Information

#86d6de Color Conversion

Color Schemes with #86d6de

Alternatives to #86d6de

#86d6de Preview

Shades and Tints of #86d6de

Tones of #86d6de

Color Blindness Simulator