#7ed8dd hex color

In a RGB color space, hex #7ed8dd is composed of 49.4% red, 84.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 2.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 183.2 degrees, a saturation of 58.3% and a lightness of 68%. #7ed8dd color hex could be obtained by blending #fcffff with #00b1bb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 85
- B 87
RGB color chart
- C 43
- M 2
- Y 0
- K 13
CMYK color chart

● #7ed8dd color description : Very soft cyan.

The hexadecimal color #7ed8dd has RGB values of R:126, G:216, B:221 and CMYK values of C:0.43, M:0.02, Y:0, K:0.13. Its decimal value is 8313053.

Hex triplet	7ed8dd	`#7ed8dd`
RGB Decimal	126, 216, 221	`rgb(126,216,221)`
RGB Percent	49.4, 84.7, 86.7	`rgb(49.4%,84.7%,86.7%)`
CMYK	43, 2, 0, 13
HSL	183.2°, 58.3, 68	`hsl(183.2,58.3%,68%)`
HSV (or HSB)	183.2°, 43, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.162, -25.65, -10.904
XYZ	46.208, 58.765, 77.31
xyY	0.253, 0.322, 58.765
CIE-LCH	81.162, 27.871, 203.031
CIE-LUV	81.162, -40.569, -12.924
Hunter-Lab	76.658, -26.557, -6.134
Binary	01111110, 11011000, 11011101

#7ed8dd
```
#7ed8dd rgb(126,216,221)
```
#dd837e
```
#dd837e rgb(221,131,126)
```

Complementary Color

#7eddb3
```
#7eddb3 rgb(126,221,179)
```
#7ed8dd
```
#7ed8dd rgb(126,216,221)
```
#7ea9dd
```
#7ea9dd rgb(126,169,221)
```

Analogous Color

#ddb37e
```
#ddb37e rgb(221,179,126)
```
#7ed8dd
```
#7ed8dd rgb(126,216,221)
```
#dd7ea9
```
#dd7ea9 rgb(221,126,169)
```

Split Complementary Color

#d8dd7e
```
#d8dd7e rgb(216,221,126)
```
#7ed8dd
```
#7ed8dd rgb(126,216,221)
```
#dd7ed8
```
#dd7ed8 rgb(221,126,216)
```

Triadic Color

#7edd83
```
#7edd83 rgb(126,221,131)
```
#7ed8dd
```
#7ed8dd rgb(126,216,221)
```
#dd7ed8
```
#dd7ed8 rgb(221,126,216)
```
#dd837e
```
#dd837e rgb(221,131,126)
```

Tetradic Color

#41c6cd
```
#41c6cd rgb(65,198,205)
```
#56ccd2
```
#56ccd2 rgb(86,204,210)
```
#6ad2d8
```
#6ad2d8 rgb(106,210,216)
```
#7ed8dd
```
#7ed8dd rgb(126,216,221)
```
#92dee2
```
#92dee2 rgb(146,222,226)
```
#a6e4e8
```
#a6e4e8 rgb(166,228,232)
```
#bbeaed
```
#bbeaed rgb(187,234,237)
```

Monochromatic Color

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

#7eddca
```
#7eddca rgb(126,221,202)
```
#7eddd2
```
#7eddd2 rgb(126,221,210)
```
#7eddda
```
#7eddda rgb(126,221,218)
```
#7ed8dd
```
#7ed8dd rgb(126,216,221)
```
#7ed0dd
```
#7ed0dd rgb(126,208,221)
```
#7ec8dd
```
#7ec8dd rgb(126,200,221)
```
#7ec0dd
```
#7ec0dd rgb(126,192,221)
```

Similar Colors

Text with hexadecimal color #7ed8dd

This text has a font color of #7ed8dd.

<span style="color:#7ed8dd;">Text here</span>

#7ed8dd background color

This paragraph has a background color of #7ed8dd.

<p style="background-color:#7ed8dd;">Content here</p>

#7ed8dd border color

This element has a border color of #7ed8dd.

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

CSS codes

.text {color:#7ed8dd;}

.background {background-color:#7ed8dd;}

.border {border:1px solid #7ed8dd;}

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, #030a0b is the darkest color, while #fafefe is the lightest one.

#030a0b
```
#030a0b rgb(3,10,11)
```
#07191a
```
#07191a rgb(7,25,26)
```
#0b282a
```
#0b282a rgb(11,40,42)
```
#0f3739
```
#0f3739 rgb(15,55,57)
```
#134649
```
#134649 rgb(19,70,73)
```
#175558
```
#175558 rgb(23,85,88)
```
#1b6468
```
#1b6468 rgb(27,100,104)
```
#1f7377
```
#1f7377 rgb(31,115,119)
```
#248287
```
#248287 rgb(36,130,135)
```
#289196
```
#289196 rgb(40,145,150)
```
#2ca0a6
```
#2ca0a6 rgb(44,160,166)
```
#30aeb5
```
#30aeb5 rgb(48,174,181)
```
#34bdc5
```
#34bdc5 rgb(52,189,197)
```

Shade Color Variation

#40c5cd
```
#40c5cd rgb(64,197,205)
```
#4fcad1
```
#4fcad1 rgb(79,202,209)
```
#5fcfd5
```
#5fcfd5 rgb(95,207,213)
```
#6ed3d9
```
#6ed3d9 rgb(110,211,217)
```
#7ed8dd
```
#7ed8dd rgb(126,216,221)
```
#8edde1
```
#8edde1 rgb(142,221,225)
```
#9de1e5
```
#9de1e5 rgb(157,225,229)
```
#ade6e9
```
#ade6e9 rgb(173,230,233)
```
#bcebed
```
#bcebed rgb(188,235,237)
```
#cceff1
```
#cceff1 rgb(204,239,241)
```
#dbf4f6
```
#dbf4f6 rgb(219,244,246)
```
#ebf9fa
```
#ebf9fa rgb(235,249,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#aab1b1
```
#aab1b1 rgb(170,177,177)
```
#a4b6b7
```
#a4b6b7 rgb(164,182,183)
```
#9dbcbe
```
#9dbcbe rgb(157,188,190)
```
#97c2c4
```
#97c2c4 rgb(151,194,196)
```
#91c7ca
```
#91c7ca rgb(145,199,202)
```
#8bcdd0
```
#8bcdd0 rgb(139,205,208)
```
#84d2d7
```
#84d2d7 rgb(132,210,215)
```
#7ed8dd
```
#7ed8dd rgb(126,216,221)
```
#78dee3
```
#78dee3 rgb(120,222,227)
```
#71e3ea
```
#71e3ea rgb(113,227,234)
```
#6be9f0
```
#6be9f0 rgb(107,233,240)
```
#65eef6
```
#65eef6 rgb(101,238,246)
```
#5ff4fc
```
#5ff4fc rgb(95,244,252)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#b1c3c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccbd6 Protanopia 1% of men
#d2c7e5 Deuteranopia 1% of men
#88d8e8 Tritanopia 0.001% of the population

Trichromacy

#b0cfd8 Protanomaly 1% of men, 0.01% of women
#b4cde2 Deuteranomaly 6% of men, 0.4% of women
#84d8e4 Tritanomaly 0.01% of the population

#7ed8dd hex color

#7ed8dd Color Information

#7ed8dd Color Conversion

Color Schemes with #7ed8dd

Alternatives to #7ed8dd

#7ed8dd Preview

Shades and Tints of #7ed8dd

Tones of #7ed8dd

Color Blindness Simulator