#86c4ed hex color

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

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

● #86c4ed color description : Very soft blue.

The hexadecimal color #86c4ed has RGB values of R:134, G:196, B:237 and CMYK values of C:0.43, M:0.17, Y:0, K:0.07. Its decimal value is 8832237.

Hex triplet	86c4ed	`#86c4ed`
RGB Decimal	134, 196, 237	`rgb(134,196,237)`
RGB Percent	52.5, 76.9, 92.9	`rgb(52.5%,76.9%,92.9%)`
CMYK	43, 17, 0, 7
HSL	203.9°, 74.1, 72.7	`hsl(203.9,74.1%,72.7%)`
HSV (or HSB)	203.9°, 43.5, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.473, -9.314, -26.529
XYZ	44.854, 50.66, 87.531
xyY	0.245, 0.277, 50.66
CIE-LCH	76.473, 28.116, 250.654
CIE-LUV	76.473, -29.572, -40.923
Hunter-Lab	71.176, -12.071, -23.09
Binary	10000110, 11000100, 11101101

#86c4ed
```
#86c4ed rgb(134,196,237)
```
#edaf86
```
#edaf86 rgb(237,175,134)
```

Complementary Color

#86ede3
```
#86ede3 rgb(134,237,227)
```
#86c4ed
```
#86c4ed rgb(134,196,237)
```
#8691ed
```
#8691ed rgb(134,145,237)
```

Analogous Color

#ede386
```
#ede386 rgb(237,227,134)
```
#86c4ed
```
#86c4ed rgb(134,196,237)
```
#ed8691
```
#ed8691 rgb(237,134,145)
```

Split Complementary Color

#c4ed86
```
#c4ed86 rgb(196,237,134)
```
#86c4ed
```
#86c4ed rgb(134,196,237)
```
#ed86c4
```
#ed86c4 rgb(237,134,196)
```

Triadic Color

#86edaf
```
#86edaf rgb(134,237,175)
```
#86c4ed
```
#86c4ed rgb(134,196,237)
```
#ed86c4
```
#ed86c4 rgb(237,134,196)
```
#edaf86
```
#edaf86 rgb(237,175,134)
```

Tetradic Color

#43a4e3
```
#43a4e3 rgb(67,164,227)
```
#5aaee6
```
#5aaee6 rgb(90,174,230)
```
#70b9ea
```
#70b9ea rgb(112,185,234)
```
#86c4ed
```
#86c4ed rgb(134,196,237)
```
#9ccff0
```
#9ccff0 rgb(156,207,240)
```
#b2daf4
```
#b2daf4 rgb(178,218,244)
```
#c9e4f7
```
#c9e4f7 rgb(201,228,247)
```

Monochromatic Color

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

#86deed
```
#86deed rgb(134,222,237)
```
#86d5ed
```
#86d5ed rgb(134,213,237)
```
#86cded
```
#86cded rgb(134,205,237)
```
#86c4ed
```
#86c4ed rgb(134,196,237)
```
#86bbed
```
#86bbed rgb(134,187,237)
```
#86b3ed
```
#86b3ed rgb(134,179,237)
```
#86aaed
```
#86aaed rgb(134,170,237)
```

Similar Colors

Text with hexadecimal color #86c4ed

This text has a font color of #86c4ed.

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

#86c4ed background color

This paragraph has a background color of #86c4ed.

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

#86c4ed border color

This element has a border color of #86c4ed.

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

CSS codes

.text {color:#86c4ed;}

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

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

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

#020a10
```
#020a10 rgb(2,10,16)
```
#051621
```
#051621 rgb(5,22,33)
```
#072132
```
#072132 rgb(7,33,50)
```
#0a2c43
```
#0a2c43 rgb(10,44,67)
```
#0c3754
```
#0c3754 rgb(12,55,84)
```
#0f4365
```
#0f4365 rgb(15,67,101)
```
#124e76
```
#124e76 rgb(18,78,118)
```
#145987
```
#145987 rgb(20,89,135)
```
#176598
```
#176598 rgb(23,101,152)
```
#1970a9
```
#1970a9 rgb(25,112,169)
```
#1c7bba
```
#1c7bba rgb(28,123,186)
```
#1e86cb
```
#1e86cb rgb(30,134,203)
```
#2192dd
```
#2192dd rgb(33,146,221)
```

Shade Color Variation

#319ae0
```
#319ae0 rgb(49,154,224)
```
#42a3e3
```
#42a3e3 rgb(66,163,227)
```
#53abe5
```
#53abe5 rgb(83,171,229)
```
#64b3e8
```
#64b3e8 rgb(100,179,232)
```
#75bcea
```
#75bcea rgb(117,188,234)
```
#86c4ed
```
#86c4ed rgb(134,196,237)
```
#97ccf0
```
#97ccf0 rgb(151,204,240)
```
#a8d5f2
```
#a8d5f2 rgb(168,213,242)
```
#b9ddf5
```
#b9ddf5 rgb(185,221,245)
```
#cae5f7
```
#cae5f7 rgb(202,229,247)
```
#dbeefa
```
#dbeefa rgb(219,238,250)
```
#ecf6fc
```
#ecf6fc rgb(236,246,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#b6babd
```
#b6babd rgb(182,186,189)
```
#b1bbc2
```
#b1bbc2 rgb(177,187,194)
```
#abbcc8
```
#abbcc8 rgb(171,188,200)
```
#a6bdcd
```
#a6bdcd rgb(166,189,205)
```
#a1bfd2
```
#a1bfd2 rgb(161,191,210)
```
#9bc0d8
```
#9bc0d8 rgb(155,192,216)
```
#96c1dd
```
#96c1dd rgb(150,193,221)
```
#91c2e2
```
#91c2e2 rgb(145,194,226)
```
#8bc3e8
```
#8bc3e8 rgb(139,195,232)
```
#86c4ed
```
#86c4ed rgb(134,196,237)
```
#81c5f2
```
#81c5f2 rgb(129,197,242)
```
#7bc6f8
```
#7bc6f8 rgb(123,198,248)
```
#76c7fd
```
#76c7fd rgb(118,199,253)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#acb9c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bee8 Protanopia 1% of men
#b6bcf1 Deuteranopia 1% of men
#84cad9 Tritanopia 0.001% of the population

Trichromacy

#a4c0ea Protanomaly 1% of men, 0.01% of women
#a4bfef Deuteranomaly 6% of men, 0.4% of women
#85c8e0 Tritanomaly 0.01% of the population

#86c4ed hex color

#86c4ed Color Information

#86c4ed Color Conversion

Color Schemes with #86c4ed

Alternatives to #86c4ed

#86c4ed Preview

Shades and Tints of #86c4ed

Tones of #86c4ed

Color Blindness Simulator