#86ceec hex color

In a RGB color space, hex #86ceec is composed of 52.5% red, 80.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 12.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 197.6 degrees, a saturation of 72.9% and a lightness of 72.5%. #86ceec color hex could be obtained by blending #ffffff with #0d9dd9. 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

● #86ceec color description : Very soft blue.

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

Hex triplet	86ceec	`#86ceec`
RGB Decimal	134, 206, 236	`rgb(134,206,236)`
RGB Percent	52.5, 80.8, 92.5	`rgb(52.5%,80.8%,92.5%)`
CMYK	43, 13, 0, 7
HSL	197.6°, 72.9, 72.5	`hsl(197.6,72.9%,72.5%)`
HSV (or HSB)	197.6°, 43.2, 92.5
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.193, -14.818, -21.845
XYZ	47.039, 55.265, 87.541
xyY	0.248, 0.291, 55.265
CIE-LCH	79.193, 26.397, 235.849
CIE-LUV	79.193, -33.553, -32.442
Hunter-Lab	74.34, -17.148, -17.78
Binary	10000110, 11001110, 11101100

#86ceec
```
#86ceec rgb(134,206,236)
```
#eca486
```
#eca486 rgb(236,164,134)
```

Complementary Color

#86ecd7
```
#86ecd7 rgb(134,236,215)
```
#86ceec
```
#86ceec rgb(134,206,236)
```
#869bec
```
#869bec rgb(134,155,236)
```

Analogous Color

#ecd786
```
#ecd786 rgb(236,215,134)
```
#86ceec
```
#86ceec rgb(134,206,236)
```
#ec869b
```
#ec869b rgb(236,134,155)
```

Split Complementary Color

#ceec86
```
#ceec86 rgb(206,236,134)
```
#86ceec
```
#86ceec rgb(134,206,236)
```
#ec86ce
```
#ec86ce rgb(236,134,206)
```

Triadic Color

#86eca4
```
#86eca4 rgb(134,236,164)
```
#86ceec
```
#86ceec rgb(134,206,236)
```
#ec86ce
```
#ec86ce rgb(236,134,206)
```
#eca486
```
#eca486 rgb(236,164,134)
```

Tetradic Color

#44b3e2
```
#44b3e2 rgb(68,179,226)
```
#5abce5
```
#5abce5 rgb(90,188,229)
```
#70c5e9
```
#70c5e9 rgb(112,197,233)
```
#86ceec
```
#86ceec rgb(134,206,236)
```
#9cd7ef
```
#9cd7ef rgb(156,215,239)
```
#b2e0f3
```
#b2e0f3 rgb(178,224,243)
```
#c8e9f6
```
#c8e9f6 rgb(200,233,246)
```

Monochromatic Color

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

#86e8ec
```
#86e8ec rgb(134,232,236)
```
#86dfec
```
#86dfec rgb(134,223,236)
```
#86d7ec
```
#86d7ec rgb(134,215,236)
```
#86ceec
```
#86ceec rgb(134,206,236)
```
#86c6ec
```
#86c6ec rgb(134,198,236)
```
#86bdec
```
#86bdec rgb(134,189,236)
```
#86b5ec
```
#86b5ec rgb(134,181,236)
```

Similar Colors

Text with hexadecimal color #86ceec

This text has a font color of #86ceec.

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

#86ceec background color

This paragraph has a background color of #86ceec.

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

#86ceec border color

This element has a border color of #86ceec.

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

CSS codes

.text {color:#86ceec;}

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

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

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

#020b0f
```
#020b0f rgb(2,11,15)
```
#051820
```
#051820 rgb(5,24,32)
```
#082531
```
#082531 rgb(8,37,49)
```
#0a3141
```
#0a3141 rgb(10,49,65)
```
#0d3e52
```
#0d3e52 rgb(13,62,82)
```
#104b63
```
#104b63 rgb(16,75,99)
```
#125874
```
#125874 rgb(18,88,116)
```
#156485
```
#156485 rgb(21,100,133)
```
#187196
```
#187196 rgb(24,113,150)
```
#1a7ea7
```
#1a7ea7 rgb(26,126,167)
```
#1d8bb8
```
#1d8bb8 rgb(29,139,184)
```
#2097c9
```
#2097c9 rgb(32,151,201)
```
#22a4da
```
#22a4da rgb(34,164,218)
```

Shade Color Variation

#31acdf
```
#31acdf rgb(49,172,223)
```
#42b3e1
```
#42b3e1 rgb(66,179,225)
```
#53b9e4
```
#53b9e4 rgb(83,185,228)
```
#64c0e7
```
#64c0e7 rgb(100,192,231)
```
#75c7e9
```
#75c7e9 rgb(117,199,233)
```
#86ceec
```
#86ceec rgb(134,206,236)
```
#97d5ef
```
#97d5ef rgb(151,213,239)
```
#a8dcf1
```
#a8dcf1 rgb(168,220,241)
```
#b9e3f4
```
#b9e3f4 rgb(185,227,244)
```
#cae9f7
```
#cae9f7 rgb(202,233,247)
```
#dbf0f9
```
#dbf0f9 rgb(219,240,249)
```
#ecf7fc
```
#ecf7fc rgb(236,247,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#b6babc
```
#b6babc rgb(182,186,188)
```
#b1bcc1
```
#b1bcc1 rgb(177,188,193)
```
#acbec6
```
#acbec6 rgb(172,190,198)
```
#a6c1cc
```
#a6c1cc rgb(166,193,204)
```
#a1c3d1
```
#a1c3d1 rgb(161,195,209)
```
#9cc5d6
```
#9cc5d6 rgb(156,197,214)
```
#96c7dc
```
#96c7dc rgb(150,199,220)
```
#91cae1
```
#91cae1 rgb(145,202,225)
```
#8bcce7
```
#8bcce7 rgb(139,204,231)
```
#86ceec
```
#86ceec rgb(134,206,236)
```
#81d0f1
```
#81d0f1 rgb(129,208,241)
```
#7bd2f7
```
#7bd2f7 rgb(123,210,247)
```
#76d5fc
```
#76d5fc rgb(118,213,252)
```

Tone Color Variation

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

#c0c5e6 Protanopia 1% of men
#c2c3f1 Deuteranopia 1% of men
#88d2e1 Tritanopia 0.001% of the population

Trichromacy

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

#86ceec hex color

#86ceec Color Information

#86ceec Color Conversion

Color Schemes with #86ceec

Alternatives to #86ceec

#86ceec Preview

Shades and Tints of #86ceec

Tones of #86ceec

Color Blindness Simulator