#86d2ed hex color

In a RGB color space, hex #86d2ed is composed of 52.5% red, 82.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 11.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 195.7 degrees, a saturation of 74.1% and a lightness of 72.7%. #86d2ed color hex could be obtained by blending #ffffff with #0da5db. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 53
- G 82
- B 93
RGB color chart
- C 43
- M 11
- Y 0
- K 7
CMYK color chart

● #86d2ed color description : Very soft blue.

The hexadecimal color #86d2ed has RGB values of R:134, G:210, B:237 and CMYK values of C:0.43, M:0.11, Y:0, K:0.07. Its decimal value is 8835821.

Hex triplet	86d2ed	`#86d2ed`
RGB Decimal	134, 210, 237	`rgb(134,210,237)`
RGB Percent	52.5, 82.4, 92.9	`rgb(52.5%,82.4%,92.9%)`
CMYK	43, 11, 0, 7
HSL	195.7°, 74.1, 72.7	`hsl(195.7,74.1%,72.7%)`
HSV (or HSB)	195.7°, 43.5, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.333, -16.614, -20.65
XYZ	48.16, 57.273, 88.633
xyY	0.248, 0.295, 57.273
CIE-LCH	80.333, 26.504, 231.183
CIE-LUV	80.333, -35.124, -30.243
Hunter-Lab	75.679, -18.846, -16.463
Binary	10000110, 11010010, 11101101

#86d2ed
```
#86d2ed rgb(134,210,237)
```
#eda186
```
#eda186 rgb(237,161,134)
```

Complementary Color

#86edd5
```
#86edd5 rgb(134,237,213)
```
#86d2ed
```
#86d2ed rgb(134,210,237)
```
#869fed
```
#869fed rgb(134,159,237)
```

Analogous Color

#edd586
```
#edd586 rgb(237,213,134)
```
#86d2ed
```
#86d2ed rgb(134,210,237)
```
#ed869f
```
#ed869f rgb(237,134,159)
```

Split Complementary Color

#d2ed86
```
#d2ed86 rgb(210,237,134)
```
#86d2ed
```
#86d2ed rgb(134,210,237)
```
#ed86d2
```
#ed86d2 rgb(237,134,210)
```

Triadic Color

#86eda1
```
#86eda1 rgb(134,237,161)
```
#86d2ed
```
#86d2ed rgb(134,210,237)
```
#ed86d2
```
#ed86d2 rgb(237,134,210)
```
#eda186
```
#eda186 rgb(237,161,134)
```

Tetradic Color

#43b9e3
```
#43b9e3 rgb(67,185,227)
```
#5ac1e6
```
#5ac1e6 rgb(90,193,230)
```
#70caea
```
#70caea rgb(112,202,234)
```
#86d2ed
```
#86d2ed rgb(134,210,237)
```
#9cdaf0
```
#9cdaf0 rgb(156,218,240)
```
#b2e3f4
```
#b2e3f4 rgb(178,227,244)
```
#c9ebf7
```
#c9ebf7 rgb(201,235,247)
```

Monochromatic Color

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

#86eced
```
#86eced rgb(134,236,237)
```
#86e3ed
```
#86e3ed rgb(134,227,237)
```
#86dbed
```
#86dbed rgb(134,219,237)
```
#86d2ed
```
#86d2ed rgb(134,210,237)
```
#86c9ed
```
#86c9ed rgb(134,201,237)
```
#86c1ed
```
#86c1ed rgb(134,193,237)
```
#86b8ed
```
#86b8ed rgb(134,184,237)
```

Similar Colors

Text with hexadecimal color #86d2ed

This text has a font color of #86d2ed.

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

#86d2ed background color

This paragraph has a background color of #86d2ed.

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

#86d2ed border color

This element has a border color of #86d2ed.

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

CSS codes

.text {color:#86d2ed;}

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

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

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

#020c10
```
#020c10 rgb(2,12,16)
```
#051921
```
#051921 rgb(5,25,33)
```
#072732
```
#072732 rgb(7,39,50)
```
#0a3443
```
#0a3443 rgb(10,52,67)
```
#0c4154
```
#0c4154 rgb(12,65,84)
```
#0f4e65
```
#0f4e65 rgb(15,78,101)
```
#125c76
```
#125c76 rgb(18,92,118)
```
#146987
```
#146987 rgb(20,105,135)
```
#177698
```
#177698 rgb(23,118,152)
```
#1984a9
```
#1984a9 rgb(25,132,169)
```
#1c91ba
```
#1c91ba rgb(28,145,186)
```
#1e9ecb
```
#1e9ecb rgb(30,158,203)
```
#21abdd
```
#21abdd rgb(33,171,221)
```

Shade Color Variation

#31b2e0
```
#31b2e0 rgb(49,178,224)
```
#42b9e3
```
#42b9e3 rgb(66,185,227)
```
#53bfe5
```
#53bfe5 rgb(83,191,229)
```
#64c5e8
```
#64c5e8 rgb(100,197,232)
```
#75ccea
```
#75ccea rgb(117,204,234)
```
#86d2ed
```
#86d2ed rgb(134,210,237)
```
#97d8f0
```
#97d8f0 rgb(151,216,240)
```
#a8dff2
```
#a8dff2 rgb(168,223,242)
```
#b9e5f5
```
#b9e5f5 rgb(185,229,245)
```
#caebf7
```
#caebf7 rgb(202,235,247)
```
#dbf2fa
```
#dbf2fa rgb(219,242,250)
```
#ecf8fc
```
#ecf8fc rgb(236,248,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b6bbbd
```
#b6bbbd rgb(182,187,189)
```
#b1bec2
```
#b1bec2 rgb(177,190,194)
```
#abc0c8
```
#abc0c8 rgb(171,192,200)
```
#a6c3cd
```
#a6c3cd rgb(166,195,205)
```
#a1c5d2
```
#a1c5d2 rgb(161,197,210)
```
#9bc8d8
```
#9bc8d8 rgb(155,200,216)
```
#96cadd
```
#96cadd rgb(150,202,221)
```
#91cde2
```
#91cde2 rgb(145,205,226)
```
#8bcfe8
```
#8bcfe8 rgb(139,207,232)
```
#86d2ed
```
#86d2ed rgb(134,210,237)
```
#81d5f2
```
#81d5f2 rgb(129,213,242)
```
#7bd7f8
```
#7bd7f8 rgb(123,215,248)
```
#76dafd
```
#76dafd rgb(118,218,253)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b3c2c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c8e6 Protanopia 1% of men
#c7c6f3 Deuteranopia 1% of men
#89d5e5 Tritanopia 0.001% of the population

Trichromacy

#adcce9 Protanomaly 1% of men, 0.01% of women
#afcaf0 Deuteranomaly 6% of men, 0.4% of women
#88d4e8 Tritanomaly 0.01% of the population

#86d2ed hex color

#86d2ed Color Information

#86d2ed Color Conversion

Color Schemes with #86d2ed

Alternatives to #86d2ed

#86d2ed Preview

Shades and Tints of #86d2ed

Tones of #86d2ed

Color Blindness Simulator