#8ed3dd hex color

In a RGB color space, hex #8ed3dd is composed of 55.7% red, 82.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 35.7% cyan, 4.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 187.6 degrees, a saturation of 53.7% and a lightness of 71.2%. #8ed3dd color hex could be obtained by blending #ffffff with #1da7bb. 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

● #8ed3dd color description : Very soft cyan.

The hexadecimal color #8ed3dd has RGB values of R:142, G:211, B:221 and CMYK values of C:0.36, M:0.05, Y:0, K:0.13. Its decimal value is 9360349.

Hex triplet	8ed3dd	`#8ed3dd`
RGB Decimal	142, 211, 221	`rgb(142,211,221)`
RGB Percent	55.7, 82.7, 86.7	`rgb(55.7%,82.7%,86.7%)`
CMYK	36, 5, 0, 13
HSL	187.6°, 53.7, 71.2	`hsl(187.6,53.7%,71.2%)`
HSV (or HSB)	187.6°, 35.7, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.492, -19.137, -11.828
XYZ	47.497, 57.558, 77.01
xyY	0.261, 0.316, 57.558
CIE-LCH	80.492, 22.497, 211.718
CIE-LUV	80.492, -32.917, -15.368
Hunter-Lab	75.867, -21.014, -7.077
Binary	10001110, 11010011, 11011101

#8ed3dd
```
#8ed3dd rgb(142,211,221)
```
#dd988e
```
#dd988e rgb(221,152,142)
```

Complementary Color

#8eddc0
```
#8eddc0 rgb(142,221,192)
```
#8ed3dd
```
#8ed3dd rgb(142,211,221)
```
#8eacdd
```
#8eacdd rgb(142,172,221)
```

Analogous Color

#ddc08e
```
#ddc08e rgb(221,192,142)
```
#8ed3dd
```
#8ed3dd rgb(142,211,221)
```
#dd8eac
```
#dd8eac rgb(221,142,172)
```

Split Complementary Color

#d3dd8e
```
#d3dd8e rgb(211,221,142)
```
#8ed3dd
```
#8ed3dd rgb(142,211,221)
```
#dd8ed3
```
#dd8ed3 rgb(221,142,211)
```

Triadic Color

#8edd98
```
#8edd98 rgb(142,221,152)
```
#8ed3dd
```
#8ed3dd rgb(142,211,221)
```
#dd8ed3
```
#dd8ed3 rgb(221,142,211)
```
#dd988e
```
#dd988e rgb(221,152,142)
```

Tetradic Color

#53bccb
```
#53bccb rgb(83,188,203)
```
#67c4d1
```
#67c4d1 rgb(103,196,209)
```
#7acbd7
```
#7acbd7 rgb(122,203,215)
```
#8ed3dd
```
#8ed3dd rgb(142,211,221)
```
#a2dbe3
```
#a2dbe3 rgb(162,219,227)
```
#b5e2e9
```
#b5e2e9 rgb(181,226,233)
```
#c9eaef
```
#c9eaef rgb(201,234,239)
```

Monochromatic Color

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

#8eddd3
```
#8eddd3 rgb(142,221,211)
```
#8eddda
```
#8eddda rgb(142,221,218)
```
#8edadd
```
#8edadd rgb(142,218,221)
```
#8ed3dd
```
#8ed3dd rgb(142,211,221)
```
#8eccdd
```
#8eccdd rgb(142,204,221)
```
#8ec6dd
```
#8ec6dd rgb(142,198,221)
```
#8ebfdd
```
#8ebfdd rgb(142,191,221)
```

Similar Colors

Text with hexadecimal color #8ed3dd

This text has a font color of #8ed3dd.

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

#8ed3dd background color

This paragraph has a background color of #8ed3dd.

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

#8ed3dd border color

This element has a border color of #8ed3dd.

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

CSS codes

.text {color:#8ed3dd;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#071517
```
#071517 rgb(7,21,23)
```
#0b2226
```
#0b2226 rgb(11,34,38)
```
#103035
```
#103035 rgb(16,48,53)
```
#143e44
```
#143e44 rgb(20,62,68)
```
#194c53
```
#194c53 rgb(25,76,83)
```
#1e5962
```
#1e5962 rgb(30,89,98)
```
#226771
```
#226771 rgb(34,103,113)
```
#277580
```
#277580 rgb(39,117,128)
```
#2b838f
```
#2b838f rgb(43,131,143)
```
#30909e
```
#30909e rgb(48,144,158)
```
#349ead
```
#349ead rgb(52,158,173)
```
#39acbd
```
#39acbd rgb(57,172,189)
```

Shade Color Variation

#43b6c6
```
#43b6c6 rgb(67,182,198)
```
#52bccb
```
#52bccb rgb(82,188,203)
```
#61c1cf
```
#61c1cf rgb(97,193,207)
```
#70c7d4
```
#70c7d4 rgb(112,199,212)
```
#7fcdd8
```
#7fcdd8 rgb(127,205,216)
```
#8ed3dd
```
#8ed3dd rgb(142,211,221)
```
#9dd9e2
```
#9dd9e2 rgb(157,217,226)
```
#acdfe6
```
#acdfe6 rgb(172,223,230)
```
#bbe5eb
```
#bbe5eb rgb(187,229,235)
```
#caeaef
```
#caeaef rgb(202,234,239)
```
#d9f0f4
```
#d9f0f4 rgb(217,240,244)
```
#e8f6f8
```
#e8f6f8 rgb(232,246,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#b0babb
```
#b0babb rgb(176,186,187)
```
#aabec1
```
#aabec1 rgb(170,190,193)
```
#a5c2c6
```
#a5c2c6 rgb(165,194,198)
```
#9fc6cc
```
#9fc6cc rgb(159,198,204)
```
#99cbd2
```
#99cbd2 rgb(153,203,210)
```
#94cfd7
```
#94cfd7 rgb(148,207,215)
```
#8ed3dd
```
#8ed3dd rgb(142,211,221)
```
#88d7e3
```
#88d7e3 rgb(136,215,227)
```
#83dbe8
```
#83dbe8 rgb(131,219,232)
```
#7de0ee
```
#7de0ee rgb(125,224,238)
```
#77e4f4
```
#77e4f4 rgb(119,228,244)
```
#72e8f9
```
#72e8f9 rgb(114,232,249)
```
#6cecff
```
#6cecff rgb(108,236,255)
```

Tone Color Variation

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

#c9c9d7 Protanopia 1% of men
#d0c5e4 Deuteranopia 1% of men
#95d4e3 Tritanopia 0.001% of the population

Trichromacy

#b4ccd9 Protanomaly 1% of men, 0.01% of women
#b8cae1 Deuteranomaly 6% of men, 0.4% of women
#92d3e1 Tritanomaly 0.01% of the population

#8ed3dd hex color

#8ed3dd Color Information

#8ed3dd Color Conversion

Color Schemes with #8ed3dd

Alternatives to #8ed3dd

#8ed3dd Preview

Shades and Tints of #8ed3dd

Tones of #8ed3dd

Color Blindness Simulator