#8ed4de hex color

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

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

● #8ed4de color description : Very soft cyan.

The hexadecimal color #8ed4de has RGB values of R:142, G:212, B:222 and CMYK values of C:0.36, M:0.05, Y:0, K:0.13. Its decimal value is 9360606.

Hex triplet	8ed4de	`#8ed4de`
RGB Decimal	142, 212, 222	`rgb(142,212,222)`
RGB Percent	55.7, 83.1, 87.1	`rgb(55.7%,83.1%,87.1%)`
CMYK	36, 5, 0, 13
HSL	187.5°, 54.8, 71.4	`hsl(187.5,54.8%,71.4%)`
HSV (or HSB)	187.5°, 36, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.8, -19.399, -11.902
XYZ	47.88, 58.109, 77.797
xyY	0.261, 0.316, 58.109
CIE-LCH	80.8, 22.759, 211.532
CIE-LUV	80.8, -33.319, -15.457
Hunter-Lab	76.23, -21.285, -7.148
Binary	10001110, 11010100, 11011110

#8ed4de
```
#8ed4de rgb(142,212,222)
```
#de988e
```
#de988e rgb(222,152,142)
```

Complementary Color

#8edec0
```
#8edec0 rgb(142,222,192)
```
#8ed4de
```
#8ed4de rgb(142,212,222)
```
#8eacde
```
#8eacde rgb(142,172,222)
```

Analogous Color

#dec08e
```
#dec08e rgb(222,192,142)
```
#8ed4de
```
#8ed4de rgb(142,212,222)
```
#de8eac
```
#de8eac rgb(222,142,172)
```

Split Complementary Color

#d4de8e
```
#d4de8e rgb(212,222,142)
```
#8ed4de
```
#8ed4de rgb(142,212,222)
```
#de8ed4
```
#de8ed4 rgb(222,142,212)
```

Triadic Color

#8ede98
```
#8ede98 rgb(142,222,152)
```
#8ed4de
```
#8ed4de rgb(142,212,222)
```
#de8ed4
```
#de8ed4 rgb(222,142,212)
```
#de988e
```
#de988e rgb(222,152,142)
```

Tetradic Color

#53bdcd
```
#53bdcd rgb(83,189,205)
```
#67c5d2
```
#67c5d2 rgb(103,197,210)
```
#7accd8
```
#7accd8 rgb(122,204,216)
```
#8ed4de
```
#8ed4de rgb(142,212,222)
```
#a2dce4
```
#a2dce4 rgb(162,220,228)
```
#b5e3ea
```
#b5e3ea rgb(181,227,234)
```
#c9ebef
```
#c9ebef rgb(201,235,239)
```

Monochromatic Color

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

#8eded4
```
#8eded4 rgb(142,222,212)
```
#8ededb
```
#8ededb rgb(142,222,219)
```
#8edbde
```
#8edbde rgb(142,219,222)
```
#8ed4de
```
#8ed4de rgb(142,212,222)
```
#8ecdde
```
#8ecdde rgb(142,205,222)
```
#8ec7de
```
#8ec7de rgb(142,199,222)
```
#8ec0de
```
#8ec0de rgb(142,192,222)
```

Similar Colors

Text with hexadecimal color #8ed4de

This text has a font color of #8ed4de.

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

#8ed4de background color

This paragraph has a background color of #8ed4de.

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

#8ed4de border color

This element has a border color of #8ed4de.

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

CSS codes

.text {color:#8ed4de;}

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

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

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 #f8fcfd is the lightest one.

#020808
```
#020808 rgb(2,8,8)
```
#071618
```
#071618 rgb(7,22,24)
```
#0b2327
```
#0b2327 rgb(11,35,39)
```
#103136
```
#103136 rgb(16,49,54)
```
#143f45
```
#143f45 rgb(20,63,69)
```
#194d54
```
#194d54 rgb(25,77,84)
```
#1d5b64
```
#1d5b64 rgb(29,91,100)
```
#226973
```
#226973 rgb(34,105,115)
```
#267682
```
#267682 rgb(38,118,130)
```
#2a8491
```
#2a8491 rgb(42,132,145)
```
#2f92a0
```
#2f92a0 rgb(47,146,160)
```
#33a0af
```
#33a0af rgb(51,160,175)
```
#38aebf
```
#38aebf rgb(56,174,191)
```

Shade Color Variation

#42b7c8
```
#42b7c8 rgb(66,183,200)
```
#51bdcc
```
#51bdcc rgb(81,189,204)
```
#60c3d1
```
#60c3d1 rgb(96,195,209)
```
#70c8d5
```
#70c8d5 rgb(112,200,213)
```
#7fceda
```
#7fceda rgb(127,206,218)
```
#8ed4de
```
#8ed4de rgb(142,212,222)
```
#9ddae2
```
#9ddae2 rgb(157,218,226)
```
#ace0e7
```
#ace0e7 rgb(172,224,231)
```
#bce5eb
```
#bce5eb rgb(188,229,235)
```
#cbebf0
```
#cbebf0 rgb(203,235,240)
```
#daf1f4
```
#daf1f4 rgb(218,241,244)
```
#e9f7f9
```
#e9f7f9 rgb(233,247,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,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 #72e9fa is the most saturated one.

#b5b7b7
```
#b5b7b7 rgb(181,183,183)
```
#b0bbbc
```
#b0bbbc rgb(176,187,188)
```
#aabfc2
```
#aabfc2 rgb(170,191,194)
```
#a4c3c8
```
#a4c3c8 rgb(164,195,200)
```
#9fc7cd
```
#9fc7cd rgb(159,199,205)
```
#99ccd3
```
#99ccd3 rgb(153,204,211)
```
#94d0d8
```
#94d0d8 rgb(148,208,216)
```
#8ed4de
```
#8ed4de rgb(142,212,222)
```
#88d8e4
```
#88d8e4 rgb(136,216,228)
```
#83dce9
```
#83dce9 rgb(131,220,233)
```
#7de1ef
```
#7de1ef rgb(125,225,239)
```
#78e5f4
```
#78e5f4 rgb(120,229,244)
```
#72e9fa
```
#72e9fa rgb(114,233,250)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b6c4c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacad8 Protanopia 1% of men
#d1c6e5 Deuteranopia 1% of men
#95d5e4 Tritanopia 0.001% of the population

Trichromacy

#b4cdda Protanomaly 1% of men, 0.01% of women
#b8cbe2 Deuteranomaly 6% of men, 0.4% of women
#92d4e2 Tritanomaly 0.01% of the population

#8ed4de hex color

#8ed4de Color Information

#8ed4de Color Conversion

Color Schemes with #8ed4de

Alternatives to #8ed4de

#8ed4de Preview

Shades and Tints of #8ed4de

Tones of #8ed4de

Color Blindness Simulator