#8ed7de hex color

In a RGB color space, hex #8ed7de is composed of 55.7% red, 84.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 36% cyan, 3.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 185.3 degrees, a saturation of 54.8% and a lightness of 71.4%. #8ed7de color hex could be obtained by blending #ffffff with #1dafbd. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 56
- G 84
- B 87
RGB color chart
- C 36
- M 3
- Y 0
- K 13
CMYK color chart

● #8ed7de color description : Very soft cyan.

The hexadecimal color #8ed7de has RGB values of R:142, G:215, B:222 and CMYK values of C:0.36, M:0.03, Y:0, K:0.13. Its decimal value is 9361374.

Hex triplet	8ed7de	`#8ed7de`
RGB Decimal	142, 215, 222	`rgb(142,215,222)`
RGB Percent	55.7, 84.3, 87.1	`rgb(55.7%,84.3%,87.1%)`
CMYK	36, 3, 0, 13
HSL	185.3°, 54.8, 71.4	`hsl(185.3,54.8%,71.4%)`
HSV (or HSB)	185.3°, 36, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.633, -20.905, -10.659
XYZ	48.637, 59.623, 78.049
xyY	0.261, 0.32, 59.623
CIE-LCH	81.633, 23.466, 207.015
CIE-LUV	81.633, -34.56, -13.239
Hunter-Lab	77.216, -22.694, -5.878
Binary	10001110, 11010111, 11011110

#8ed7de
```
#8ed7de rgb(142,215,222)
```
#de958e
```
#de958e rgb(222,149,142)
```

Complementary Color

#8edebd
```
#8edebd rgb(142,222,189)
```
#8ed7de
```
#8ed7de rgb(142,215,222)
```
#8eafde
```
#8eafde rgb(142,175,222)
```

Analogous Color

#debd8e
```
#debd8e rgb(222,189,142)
```
#8ed7de
```
#8ed7de rgb(142,215,222)
```
#de8eaf
```
#de8eaf rgb(222,142,175)
```

Split Complementary Color

#d7de8e
```
#d7de8e rgb(215,222,142)
```
#8ed7de
```
#8ed7de rgb(142,215,222)
```
#de8ed7
```
#de8ed7 rgb(222,142,215)
```

Triadic Color

#8ede95
```
#8ede95 rgb(142,222,149)
```
#8ed7de
```
#8ed7de rgb(142,215,222)
```
#de8ed7
```
#de8ed7 rgb(222,142,215)
```
#de958e
```
#de958e rgb(222,149,142)
```

Tetradic Color

#53c2cd
```
#53c2cd rgb(83,194,205)
```
#67c9d2
```
#67c9d2 rgb(103,201,210)
```
#7ad0d8
```
#7ad0d8 rgb(122,208,216)
```
#8ed7de
```
#8ed7de rgb(142,215,222)
```
#a2dee4
```
#a2dee4 rgb(162,222,228)
```
#b5e5ea
```
#b5e5ea rgb(181,229,234)
```
#c9ecef
```
#c9ecef rgb(201,236,239)
```

Monochromatic Color

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

#8eded1
```
#8eded1 rgb(142,222,209)
```
#8eded8
```
#8eded8 rgb(142,222,216)
```
#8edede
```
#8edede rgb(142,222,222)
```
#8ed7de
```
#8ed7de rgb(142,215,222)
```
#8ed0de
```
#8ed0de rgb(142,208,222)
```
#8ecade
```
#8ecade rgb(142,202,222)
```
#8ec3de
```
#8ec3de rgb(142,195,222)
```

Similar Colors

Text with hexadecimal color #8ed7de

This text has a font color of #8ed7de.

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

#8ed7de background color

This paragraph has a background color of #8ed7de.

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

#8ed7de border color

This element has a border color of #8ed7de.

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

CSS codes

.text {color:#8ed7de;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#071618
```
#071618 rgb(7,22,24)
```
#0b2427
```
#0b2427 rgb(11,36,39)
```
#103336
```
#103336 rgb(16,51,54)
```
#144145
```
#144145 rgb(20,65,69)
```
#194f54
```
#194f54 rgb(25,79,84)
```
#1d5d64
```
#1d5d64 rgb(29,93,100)
```
#226c73
```
#226c73 rgb(34,108,115)
```
#267a82
```
#267a82 rgb(38,122,130)
```
#2a8891
```
#2a8891 rgb(42,136,145)
```
#2f96a0
```
#2f96a0 rgb(47,150,160)
```
#33a5af
```
#33a5af rgb(51,165,175)
```
#38b3bf
```
#38b3bf rgb(56,179,191)
```

Shade Color Variation

#42bcc8
```
#42bcc8 rgb(66,188,200)
```
#51c2cc
```
#51c2cc rgb(81,194,204)
```
#60c7d1
```
#60c7d1 rgb(96,199,209)
```
#70ccd5
```
#70ccd5 rgb(112,204,213)
```
#7fd2da
```
#7fd2da rgb(127,210,218)
```
#8ed7de
```
#8ed7de rgb(142,215,222)
```
#9ddce2
```
#9ddce2 rgb(157,220,226)
```
#ace2e7
```
#ace2e7 rgb(172,226,231)
```
#bce7eb
```
#bce7eb rgb(188,231,235)
```
#cbecf0
```
#cbecf0 rgb(203,236,240)
```
#daf2f4
```
#daf2f4 rgb(218,242,244)
```
#e9f7f9
```
#e9f7f9 rgb(233,247,249)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#b5b7b7
```
#b5b7b7 rgb(181,183,183)
```
#b0bbbc
```
#b0bbbc rgb(176,187,188)
```
#aac0c2
```
#aac0c2 rgb(170,192,194)
```
#a4c4c8
```
#a4c4c8 rgb(164,196,200)
```
#9fc9cd
```
#9fc9cd rgb(159,201,205)
```
#99ced3
```
#99ced3 rgb(153,206,211)
```
#94d2d8
```
#94d2d8 rgb(148,210,216)
```
#8ed7de
```
#8ed7de rgb(142,215,222)
```
#88dce4
```
#88dce4 rgb(136,220,228)
```
#83e0e9
```
#83e0e9 rgb(131,224,233)
```
#7de5ef
```
#7de5ef rgb(125,229,239)
```
#78eaf4
```
#78eaf4 rgb(120,234,244)
```
#72eefa
```
#72eefa rgb(114,238,250)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#b8c6c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdccd8 Protanopia 1% of men
#d4c8e5 Deuteranopia 1% of men
#96d7e7 Tritanopia 0.001% of the population

Trichromacy

#b6d0da Protanomaly 1% of men, 0.01% of women
#bbcde2 Deuteranomaly 6% of men, 0.4% of women
#93d7e4 Tritanomaly 0.01% of the population

#8ed7de hex color

#8ed7de Color Information

#8ed7de Color Conversion

Color Schemes with #8ed7de

Alternatives to #8ed7de

#8ed7de Preview

Shades and Tints of #8ed7de

Tones of #8ed7de

Color Blindness Simulator