#7ed0cc hex color

In a RGB color space, hex #7ed0cc is composed of 49.4% red, 81.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 0% magenta, 1.9% yellow and 18.4% black. It has a hue angle of 177.1 degrees, a saturation of 46.6% and a lightness of 65.5%. #7ed0cc color hex could be obtained by blending #fcffff with #00a199. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 49
- G 82
- B 80
RGB color chart
- C 39
- M 0
- Y 2
- K 18
CMYK color chart

● #7ed0cc color description : Slightly desaturated cyan.

The hexadecimal color #7ed0cc has RGB values of R:126, G:208, B:204 and CMYK values of C:0.39, M:0, Y:0.02, K:0.18. Its decimal value is 8310988.

Hex triplet	7ed0cc	`#7ed0cc`
RGB Decimal	126, 208, 204	`rgb(126,208,204)`
RGB Percent	49.4, 81.6, 80	`rgb(49.4%,81.6%,80%)`
CMYK	39, 0, 2, 18
HSL	177.1°, 46.6, 65.5	`hsl(177.1,46.6%,65.5%)`
HSV (or HSB)	177.1°, 39.4, 81.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.406, -25.915, -5.902
XYZ	42.056, 53.905, 65.312
xyY	0.261, 0.334, 53.905
CIE-LCH	78.406, 26.579, 192.83
CIE-LUV	78.406, -37.815, -4.871
Hunter-Lab	73.42, -26.237, -1.349
Binary	01111110, 11010000, 11001100

#7ed0cc
```
#7ed0cc rgb(126,208,204)
```
#d07e82
```
#d07e82 rgb(208,126,130)
```

Complementary Color

#7ed0a3
```
#7ed0a3 rgb(126,208,163)
```
#7ed0cc
```
#7ed0cc rgb(126,208,204)
```
#7eabd0
```
#7eabd0 rgb(126,171,208)
```

Analogous Color

#d0a37e
```
#d0a37e rgb(208,163,126)
```
#7ed0cc
```
#7ed0cc rgb(126,208,204)
```
#d07eab
```
#d07eab rgb(208,126,171)
```

Split Complementary Color

#d0cc7e
```
#d0cc7e rgb(208,204,126)
```
#7ed0cc
```
#7ed0cc rgb(126,208,204)
```
#cc7ed0
```
#cc7ed0 rgb(204,126,208)
```

Triadic Color

#82d07e
```
#82d07e rgb(130,208,126)
```
#7ed0cc
```
#7ed0cc rgb(126,208,204)
```
#cc7ed0
```
#cc7ed0 rgb(204,126,208)
```
#d07e82
```
#d07e82 rgb(208,126,130)
```

Tetradic Color

#46bcb6
```
#46bcb6 rgb(70,188,182)
```
#59c2bd
```
#59c2bd rgb(89,194,189)
```
#6bc9c5
```
#6bc9c5 rgb(107,201,197)
```
#7ed0cc
```
#7ed0cc rgb(126,208,204)
```
#91d7d3
```
#91d7d3 rgb(145,215,211)
```
#a3dedb
```
#a3dedb rgb(163,222,219)
```
#b6e4e2
```
#b6e4e2 rgb(182,228,226)
```

Monochromatic Color

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

#7ed0b8
```
#7ed0b8 rgb(126,208,184)
```
#7ed0be
```
#7ed0be rgb(126,208,190)
```
#7ed0c5
```
#7ed0c5 rgb(126,208,197)
```
#7ed0cc
```
#7ed0cc rgb(126,208,204)
```
#7ecdd0
```
#7ecdd0 rgb(126,205,208)
```
#7ec6d0
```
#7ec6d0 rgb(126,198,208)
```
#7ec0d0
```
#7ec0d0 rgb(126,192,208)
```

Similar Colors

Text with hexadecimal color #7ed0cc

This text has a font color of #7ed0cc.

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

#7ed0cc background color

This paragraph has a background color of #7ed0cc.

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

#7ed0cc border color

This element has a border color of #7ed0cc.

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

CSS codes

.text {color:#7ed0cc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050f0e
```
#050f0e rgb(5,15,14)
```
#0b1d1c
```
#0b1d1c rgb(11,29,28)
```
#102c2a
```
#102c2a rgb(16,44,42)
```
#153a38
```
#153a38 rgb(21,58,56)
```
#1a4846
```
#1a4846 rgb(26,72,70)
```
#205754
```
#205754 rgb(32,87,84)
```
#256562
```
#256562 rgb(37,101,98)
```
#2a7370
```
#2a7370 rgb(42,115,112)
```
#2f827e
```
#2f827e rgb(47,130,126)
```
#35908c
```
#35908c rgb(53,144,140)
```
#3a9f9a
```
#3a9f9a rgb(58,159,154)
```
#3fada8
```
#3fada8 rgb(63,173,168)
```

Shade Color Variation

#44bbb5
```
#44bbb5 rgb(68,187,181)
```
#53c0bb
```
#53c0bb rgb(83,192,187)
```
#61c6c1
```
#61c6c1 rgb(97,198,193)
```
#70cbc6
```
#70cbc6 rgb(112,203,198)
```
#7ed0cc
```
#7ed0cc rgb(126,208,204)
```
#8cd5d2
```
#8cd5d2 rgb(140,213,210)
```
#9bdad7
```
#9bdad7 rgb(155,218,215)
```
#a9e0dd
```
#a9e0dd rgb(169,224,221)
```
#b8e5e3
```
#b8e5e3 rgb(184,229,227)
```
#c6eae8
```
#c6eae8 rgb(198,234,232)
```
#d4efee
```
#d4efee rgb(212,239,238)
```
#e3f5f4
```
#e3f5f4 rgb(227,245,244)
```
#f1faf9
```
#f1faf9 rgb(241,250,249)
```

Tint Color Variation

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

#a7a7a7
```
#a7a7a7 rgb(167,167,167)
```
#a0aead
```
#a0aead rgb(160,174,173)
```
#99b5b4
```
#99b5b4 rgb(153,181,180)
```
#92bcba
```
#92bcba rgb(146,188,186)
```
#8cc2c0
```
#8cc2c0 rgb(140,194,192)
```
#85c9c6
```
#85c9c6 rgb(133,201,198)
```
#7ed0cc
```
#7ed0cc rgb(126,208,204)
```
#77d7d2
```
#77d7d2 rgb(119,215,210)
```
#70ded8
```
#70ded8 rgb(112,222,216)
```
#6ae4de
```
#6ae4de rgb(106,228,222)
```
#63ebe4
```
#63ebe4 rgb(99,235,228)
```
#5cf2eb
```
#5cf2eb rgb(92,242,235)
```
#55f9f1
```
#55f9f1 rgb(85,249,241)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#acbcbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c4c6 Protanopia 1% of men
#cfc0d5 Deuteranopia 1% of men
#8acfde Tritanopia 0.001% of the population

Trichromacy

#acc8c8 Protanomaly 1% of men, 0.01% of women
#b2c5d1 Deuteranomaly 6% of men, 0.4% of women
#85cfd8 Tritanomaly 0.01% of the population

#7ed0cc hex color

#7ed0cc Color Information

#7ed0cc Color Conversion

Color Schemes with #7ed0cc

Alternatives to #7ed0cc

#7ed0cc Preview

Shades and Tints of #7ed0cc

Tones of #7ed0cc

Color Blindness Simulator