#8ed8ff hex color

In a RGB color space, hex #8ed8ff is composed of 55.7% red, 84.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 15.3% magenta, 0% yellow and 0% black. It has a hue angle of 200.7 degrees, a saturation of 100% and a lightness of 77.8%. #8ed8ff color hex could be obtained by blending #ffffff with #1db1ff. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 56
- G 85
- B 100
RGB color chart
- C 44
- M 15
- Y 0
- K 0
CMYK color chart

● #8ed8ff color description : Very light blue.

The hexadecimal color #8ed8ff has RGB values of R:142, G:216, B:255 and CMYK values of C:0.44, M:0.15, Y:0, K:0. Its decimal value is 9361663.

Hex triplet	8ed8ff	`#8ed8ff`
RGB Decimal	142, 216, 255	`rgb(142,216,255)`
RGB Percent	55.7, 84.7, 100	`rgb(55.7%,84.7%,100%)`
CMYK	44, 15, 0, 0
HSL	200.7°, 100, 77.8	`hsl(200.7,100%,77.8%)`
HSV (or HSB)	200.7°, 44.3, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.956, -13.04, -26.194
XYZ	53.757, 62.08, 103.752
xyY	0.245, 0.283, 62.08
CIE-LCH	82.956, 29.261, 243.534
CIE-LUV	82.956, -34.456, -40.222
Hunter-Lab	78.791, -16.098, -22.92
Binary	10001110, 11011000, 11111111

#8ed8ff
```
#8ed8ff rgb(142,216,255)
```
#ffb58e
```
#ffb58e rgb(255,181,142)
```

Complementary Color

#8effee
```
#8effee rgb(142,255,238)
```
#8ed8ff
```
#8ed8ff rgb(142,216,255)
```
#8ea0ff
```
#8ea0ff rgb(142,160,255)
```

Analogous Color

#ffee8e
```
#ffee8e rgb(255,238,142)
```
#8ed8ff
```
#8ed8ff rgb(142,216,255)
```
#ff8ea0
```
#ff8ea0 rgb(255,142,160)
```

Split Complementary Color

#d8ff8e
```
#d8ff8e rgb(216,255,142)
```
#8ed8ff
```
#8ed8ff rgb(142,216,255)
```
#ff8ed8
```
#ff8ed8 rgb(255,142,216)
```

Triadic Color

#8effb5
```
#8effb5 rgb(142,255,181)
```
#8ed8ff
```
#8ed8ff rgb(142,216,255)
```
#ff8ed8
```
#ff8ed8 rgb(255,142,216)
```
#ffb58e
```
#ffb58e rgb(255,181,142)
```

Tetradic Color

#42beff
```
#42beff rgb(66,190,255)
```
#5bc6ff
```
#5bc6ff rgb(91,198,255)
```
#75cfff
```
#75cfff rgb(117,207,255)
```
#8ed8ff
```
#8ed8ff rgb(142,216,255)
```
#a8e1ff
```
#a8e1ff rgb(168,225,255)
```
#c1eaff
```
#c1eaff rgb(193,234,255)
```
#dbf2ff
```
#dbf2ff rgb(219,242,255)
```

Monochromatic Color

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

#8ef4ff
```
#8ef4ff rgb(142,244,255)
```
#8eebff
```
#8eebff rgb(142,235,255)
```
#8ee1ff
```
#8ee1ff rgb(142,225,255)
```
#8ed8ff
```
#8ed8ff rgb(142,216,255)
```
#8ecfff
```
#8ecfff rgb(142,207,255)
```
#8ec5ff
```
#8ec5ff rgb(142,197,255)
```
#8ebcff
```
#8ebcff rgb(142,188,255)
```

Similar Colors

Text with hexadecimal color #8ed8ff

This text has a font color of #8ed8ff.

<span style="color:#8ed8ff;">Text here</span>

#8ed8ff background color

This paragraph has a background color of #8ed8ff.

<p style="background-color:#8ed8ff;">Content here</p>

#8ed8ff border color

This element has a border color of #8ed8ff.

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

CSS codes

.text {color:#8ed8ff;}

.background {background-color:#8ed8ff;}

.border {border:1px solid #8ed8ff;}

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, #000305 is the darkest color, while #f0faff is the lightest one.

#000305
```
#000305 rgb(0,3,5)
```
#001018
```
#001018 rgb(0,16,24)
```
#001d2c
```
#001d2c rgb(0,29,44)
```
#002a40
```
#002a40 rgb(0,42,64)
```
#003653
```
#003653 rgb(0,54,83)
```
#004367
```
#004367 rgb(0,67,103)
```
#00507a
```
#00507a rgb(0,80,122)
```
#005d8e
```
#005d8e rgb(0,93,142)
```
#006aa2
```
#006aa2 rgb(0,106,162)
```
#0077b5
```
#0077b5 rgb(0,119,181)
```
#0084c9
```
#0084c9 rgb(0,132,201)
```
#0090dc
```
#0090dc rgb(0,144,220)
```
#009df0
```
#009df0 rgb(0,157,240)
```

Shade Color Variation

#05a9ff
```
#05a9ff rgb(5,169,255)
```
#18afff
```
#18afff rgb(24,175,255)
```
#2cb6ff
```
#2cb6ff rgb(44,182,255)
```
#40bdff
```
#40bdff rgb(64,189,255)
```
#53c4ff
```
#53c4ff rgb(83,196,255)
```
#67caff
```
#67caff rgb(103,202,255)
```
#7ad1ff
```
#7ad1ff rgb(122,209,255)
```
#8ed8ff
```
#8ed8ff rgb(142,216,255)
```
#a2dfff
```
#a2dfff rgb(162,223,255)
```
#b5e6ff
```
#b5e6ff rgb(181,230,255)
```
#c9ecff
```
#c9ecff rgb(201,236,255)
```
#dcf3ff
```
#dcf3ff rgb(220,243,255)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

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

#c2c8cb
```
#c2c8cb rgb(194,200,203)
```
#bec9cf
```
#bec9cf rgb(190,201,207)
```
#b9cbd4
```
#b9cbd4 rgb(185,203,212)
```
#b5ccd8
```
#b5ccd8 rgb(181,204,216)
```
#b1cddc
```
#b1cddc rgb(177,205,220)
```
#accfe1
```
#accfe1 rgb(172,207,225)
```
#a8d0e5
```
#a8d0e5 rgb(168,208,229)
```
#a4d1e9
```
#a4d1e9 rgb(164,209,233)
```
#9fd3ee
```
#9fd3ee rgb(159,211,238)
```
#9bd4f2
```
#9bd4f2 rgb(155,212,242)
```
#97d5f6
```
#97d5f6 rgb(151,213,246)
```
#92d7fb
```
#92d7fb rgb(146,215,251)
```
#8ed8ff
```
#8ed8ff rgb(142,216,255)
```

Tone Color Variation

Below, you can see how #8ed8ff 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

#c6c6c6 Achromatopsia 0.005% of the population
#bbcad1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cff8 Protanopia 1% of men
#c9cdff Deuteranopia 1% of men
#8ddded Tritanopia 0.001% of the population

Trichromacy

#b2d2fa Protanomaly 1% of men, 0.01% of women
#b3d1ff Deuteranomaly 6% of men, 0.4% of women
#8ddbf3 Tritanomaly 0.01% of the population

#8ed8ff hex color

#8ed8ff Color Information

#8ed8ff Color Conversion

Color Schemes with #8ed8ff

Alternatives to #8ed8ff

#8ed8ff Preview

Shades and Tints of #8ed8ff

Tones of #8ed8ff

Color Blindness Simulator