#86ceed hex color

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

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

● #86ceed color description : Very soft blue.

The hexadecimal color #86ceed has RGB values of R:134, G:206, B:237 and CMYK values of C:0.43, M:0.13, Y:0, K:0.07. Its decimal value is 8834797.

Hex triplet	86ceed	`#86ceed`
RGB Decimal	134, 206, 237	`rgb(134,206,237)`
RGB Percent	52.5, 80.8, 92.9	`rgb(52.5%,80.8%,92.9%)`
CMYK	43, 13, 0, 7
HSL	198.1°, 74.1, 72.7	`hsl(198.1,74.1%,72.7%)`
HSV (or HSB)	198.1°, 43.5, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.227, -14.555, -22.329
XYZ	47.185, 55.323, 88.308
xyY	0.247, 0.29, 55.323
CIE-LCH	79.227, 26.654, 236.903
CIE-LUV	79.227, -33.536, -33.292
Hunter-Lab	74.379, -16.926, -18.327
Binary	10000110, 11001110, 11101101

#86ceed
```
#86ceed rgb(134,206,237)
```
#eda586
```
#eda586 rgb(237,165,134)
```

Complementary Color

#86edd9
```
#86edd9 rgb(134,237,217)
```
#86ceed
```
#86ceed rgb(134,206,237)
```
#869bed
```
#869bed rgb(134,155,237)
```

Analogous Color

#edd986
```
#edd986 rgb(237,217,134)
```
#86ceed
```
#86ceed rgb(134,206,237)
```
#ed869b
```
#ed869b rgb(237,134,155)
```

Split Complementary Color

#ceed86
```
#ceed86 rgb(206,237,134)
```
#86ceed
```
#86ceed rgb(134,206,237)
```
#ed86ce
```
#ed86ce rgb(237,134,206)
```

Triadic Color

#86eda5
```
#86eda5 rgb(134,237,165)
```
#86ceed
```
#86ceed rgb(134,206,237)
```
#ed86ce
```
#ed86ce rgb(237,134,206)
```
#eda586
```
#eda586 rgb(237,165,134)
```

Tetradic Color

#43b3e3
```
#43b3e3 rgb(67,179,227)
```
#5abce6
```
#5abce6 rgb(90,188,230)
```
#70c5ea
```
#70c5ea rgb(112,197,234)
```
#86ceed
```
#86ceed rgb(134,206,237)
```
#9cd7f0
```
#9cd7f0 rgb(156,215,240)
```
#b2e0f4
```
#b2e0f4 rgb(178,224,244)
```
#c9e9f7
```
#c9e9f7 rgb(201,233,247)
```

Monochromatic Color

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

#86e8ed
```
#86e8ed rgb(134,232,237)
```
#86dfed
```
#86dfed rgb(134,223,237)
```
#86d7ed
```
#86d7ed rgb(134,215,237)
```
#86ceed
```
#86ceed rgb(134,206,237)
```
#86c5ed
```
#86c5ed rgb(134,197,237)
```
#86bded
```
#86bded rgb(134,189,237)
```
#86b4ed
```
#86b4ed rgb(134,180,237)
```

Similar Colors

Text with hexadecimal color #86ceed

This text has a font color of #86ceed.

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

#86ceed background color

This paragraph has a background color of #86ceed.

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

#86ceed border color

This element has a border color of #86ceed.

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

CSS codes

.text {color:#86ceed;}

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

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

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)
```
#051821
```
#051821 rgb(5,24,33)
```
#072532
```
#072532 rgb(7,37,50)
```
#0a3243
```
#0a3243 rgb(10,50,67)
```
#0c3e54
```
#0c3e54 rgb(12,62,84)
```
#0f4b65
```
#0f4b65 rgb(15,75,101)
```
#125876
```
#125876 rgb(18,88,118)
```
#146587
```
#146587 rgb(20,101,135)
```
#177198
```
#177198 rgb(23,113,152)
```
#197ea9
```
#197ea9 rgb(25,126,169)
```
#1c8bba
```
#1c8bba rgb(28,139,186)
```
#1e97cb
```
#1e97cb rgb(30,151,203)
```
#21a4dd
```
#21a4dd rgb(33,164,221)
```

Shade Color Variation

#31abe0
```
#31abe0 rgb(49,171,224)
```
#42b2e3
```
#42b2e3 rgb(66,178,227)
```
#53b9e5
```
#53b9e5 rgb(83,185,229)
```
#64c0e8
```
#64c0e8 rgb(100,192,232)
```
#75c7ea
```
#75c7ea rgb(117,199,234)
```
#86ceed
```
#86ceed rgb(134,206,237)
```
#97d5f0
```
#97d5f0 rgb(151,213,240)
```
#a8dcf2
```
#a8dcf2 rgb(168,220,242)
```
#b9e3f5
```
#b9e3f5 rgb(185,227,245)
```
#caeaf7
```
#caeaf7 rgb(202,234,247)
```
#dbf1fa
```
#dbf1fa rgb(219,241,250)
```
#ecf7fc
```
#ecf7fc rgb(236,247,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 #76d4fd is the most saturated one.

#b6bbbd
```
#b6bbbd rgb(182,187,189)
```
#b1bdc2
```
#b1bdc2 rgb(177,189,194)
```
#abbfc8
```
#abbfc8 rgb(171,191,200)
```
#a6c1cd
```
#a6c1cd rgb(166,193,205)
```
#a1c3d2
```
#a1c3d2 rgb(161,195,210)
```
#9bc5d8
```
#9bc5d8 rgb(155,197,216)
```
#96c8dd
```
#96c8dd rgb(150,200,221)
```
#91cae2
```
#91cae2 rgb(145,202,226)
```
#8bcce8
```
#8bcce8 rgb(139,204,232)
```
#86ceed
```
#86ceed rgb(134,206,237)
```
#81d0f2
```
#81d0f2 rgb(129,208,242)
```
#7bd2f8
```
#7bd2f8 rgb(123,210,248)
```
#76d4fd
```
#76d4fd rgb(118,212,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b1c0c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c5e7 Protanopia 1% of men
#c2c3f2 Deuteranopia 1% of men
#87d2e1 Tritanopia 0.001% of the population

Trichromacy

#abc8e9 Protanomaly 1% of men, 0.01% of women
#acc7f0 Deuteranomaly 6% of men, 0.4% of women
#87d0e5 Tritanomaly 0.01% of the population

#86ceed hex color

#86ceed Color Information

#86ceed Color Conversion

Color Schemes with #86ceed

Alternatives to #86ceed

#86ceed Preview

Shades and Tints of #86ceed

Tones of #86ceed

Color Blindness Simulator