#7ed4ed hex color

In a RGB color space, hex #7ed4ed is composed of 49.4% red, 83.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 10.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 193.5 degrees, a saturation of 75.5% and a lightness of 71.2%. #7ed4ed color hex could be obtained by blending #fcffff with #00a9db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 83
- B 93
RGB color chart
- C 47
- M 11
- Y 0
- K 7
CMYK color chart

● #7ed4ed color description : Soft cyan.

The hexadecimal color #7ed4ed has RGB values of R:126, G:212, B:237 and CMYK values of C:0.47, M:0.11, Y:0, K:0.07. Its decimal value is 8312045.

Hex triplet	7ed4ed	`#7ed4ed`
RGB Decimal	126, 212, 237	`rgb(126,212,237)`
RGB Percent	49.4, 83.1, 92.9	`rgb(49.4%,83.1%,92.9%)`
CMYK	47, 11, 0, 7
HSL	193.5°, 75.5, 71.2	`hsl(193.5,75.5%,71.2%)`
HSV (or HSB)	193.5°, 46.8, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.535, -19.51, -20.378
XYZ	47.43, 57.634, 88.741
xyY	0.245, 0.297, 57.634
CIE-LCH	80.535, 28.212, 226.247
CIE-LUV	80.535, -38.539, -29.387
Hunter-Lab	75.917, -21.336, -16.163
Binary	01111110, 11010100, 11101101

#7ed4ed
```
#7ed4ed rgb(126,212,237)
```
#ed977e
```
#ed977e rgb(237,151,126)
```

Complementary Color

#7eedcf
```
#7eedcf rgb(126,237,207)
```
#7ed4ed
```
#7ed4ed rgb(126,212,237)
```
#7e9ded
```
#7e9ded rgb(126,157,237)
```

Analogous Color

#edcf7e
```
#edcf7e rgb(237,207,126)
```
#7ed4ed
```
#7ed4ed rgb(126,212,237)
```
#ed7e9d
```
#ed7e9d rgb(237,126,157)
```

Split Complementary Color

#d4ed7e
```
#d4ed7e rgb(212,237,126)
```
#7ed4ed
```
#7ed4ed rgb(126,212,237)
```
#ed7ed4
```
#ed7ed4 rgb(237,126,212)
```

Triadic Color

#7eed97
```
#7eed97 rgb(126,237,151)
```
#7ed4ed
```
#7ed4ed rgb(126,212,237)
```
#ed7ed4
```
#ed7ed4 rgb(237,126,212)
```
#ed977e
```
#ed977e rgb(237,151,126)
```

Tetradic Color

#3bbee4
```
#3bbee4 rgb(59,190,228)
```
#51c5e7
```
#51c5e7 rgb(81,197,231)
```
#68cdea
```
#68cdea rgb(104,205,234)
```
#7ed4ed
```
#7ed4ed rgb(126,212,237)
```
#94dbf0
```
#94dbf0 rgb(148,219,240)
```
#abe3f3
```
#abe3f3 rgb(171,227,243)
```
#c1eaf6
```
#c1eaf6 rgb(193,234,246)
```

Monochromatic Color

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

#7eedea
```
#7eedea rgb(126,237,234)
```
#7ee7ed
```
#7ee7ed rgb(126,231,237)
```
#7edded
```
#7edded rgb(126,221,237)
```
#7ed4ed
```
#7ed4ed rgb(126,212,237)
```
#7ecbed
```
#7ecbed rgb(126,203,237)
```
#7ec2ed
```
#7ec2ed rgb(126,194,237)
```
#7eb8ed
```
#7eb8ed rgb(126,184,237)
```

Similar Colors

Text with hexadecimal color #7ed4ed

This text has a font color of #7ed4ed.

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

#7ed4ed background color

This paragraph has a background color of #7ed4ed.

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

#7ed4ed border color

This element has a border color of #7ed4ed.

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

CSS codes

.text {color:#7ed4ed;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#04151a
```
#04151a rgb(4,21,26)
```
#06232b
```
#06232b rgb(6,35,43)
```
#08313c
```
#08313c rgb(8,49,60)
```
#0b3f4e
```
#0b3f4e rgb(11,63,78)
```
#0d4c5f
```
#0d4c5f rgb(13,76,95)
```
#105a70
```
#105a70 rgb(16,90,112)
```
#126881
```
#126881 rgb(18,104,129)
```
#147692
```
#147692 rgb(20,118,146)
```
#1784a4
```
#1784a4 rgb(23,132,164)
```
#1992b5
```
#1992b5 rgb(25,146,181)
```
#1ca0c6
```
#1ca0c6 rgb(28,160,198)
```
#1eaed7
```
#1eaed7 rgb(30,174,215)
```

Shade Color Variation

#28b7e1
```
#28b7e1 rgb(40,183,225)
```
#39bde3
```
#39bde3 rgb(57,189,227)
```
#4ac3e6
```
#4ac3e6 rgb(74,195,230)
```
#5cc9e8
```
#5cc9e8 rgb(92,201,232)
```
#6dceeb
```
#6dceeb rgb(109,206,235)
```
#7ed4ed
```
#7ed4ed rgb(126,212,237)
```
#8fdaef
```
#8fdaef rgb(143,218,239)
```
#a0dff2
```
#a0dff2 rgb(160,223,242)
```
#b2e5f4
```
#b2e5f4 rgb(178,229,244)
```
#c3ebf7
```
#c3ebf7 rgb(195,235,247)
```
#d4f1f9
```
#d4f1f9 rgb(212,241,249)
```
#e5f6fb
```
#e5f6fb rgb(229,246,251)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#b1b8ba
```
#b1b8ba rgb(177,184,186)
```
#abbbc0
```
#abbbc0 rgb(171,187,192)
```
#a6bec5
```
#a6bec5 rgb(166,190,197)
```
#a0c1cb
```
#a0c1cb rgb(160,193,203)
```
#9ac4d1
```
#9ac4d1 rgb(154,196,209)
```
#95c8d6
```
#95c8d6 rgb(149,200,214)
```
#8fcbdc
```
#8fcbdc rgb(143,203,220)
```
#89cee2
```
#89cee2 rgb(137,206,226)
```
#84d1e7
```
#84d1e7 rgb(132,209,231)
```
#7ed4ed
```
#7ed4ed rgb(126,212,237)
```
#78d7f3
```
#78d7f3 rgb(120,215,243)
```
#73daf8
```
#73daf8 rgb(115,218,248)
```
#6dddfe
```
#6dddfe rgb(109,221,254)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b0c2c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c9e6 Protanopia 1% of men
#c7c6f3 Deuteranopia 1% of men
#82d7e7 Tritanopia 0.001% of the population

Trichromacy

#abcde8 Protanomaly 1% of men, 0.01% of women
#accbf1 Deuteranomaly 6% of men, 0.4% of women
#80d6e9 Tritanomaly 0.01% of the population

#7ed4ed hex color

#7ed4ed Color Information

#7ed4ed Color Conversion

Color Schemes with #7ed4ed

Alternatives to #7ed4ed

#7ed4ed Preview

Shades and Tints of #7ed4ed

Tones of #7ed4ed

Color Blindness Simulator