#7ec5dd hex color

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

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

● #7ec5dd color description : Very soft blue.

The hexadecimal color #7ec5dd has RGB values of R:126, G:197, B:221 and CMYK values of C:0.43, M:0.11, Y:0, K:0.13. Its decimal value is 8308189.

Hex triplet	7ec5dd	`#7ec5dd`
RGB Decimal	126, 197, 221	`rgb(126,197,221)`
RGB Percent	49.4, 77.3, 86.7	`rgb(49.4%,77.3%,86.7%)`
CMYK	43, 11, 0, 13
HSL	195.2°, 58.3, 68	`hsl(195.2,58.3%,68%)`
HSV (or HSB)	195.2°, 43, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.815, -16.072, -18.939
XYZ	41.618, 49.586, 75.781
xyY	0.249, 0.297, 49.586
CIE-LCH	75.815, 24.84, 229.682
CIE-LUV	75.815, -32.981, -27.281
Hunter-Lab	70.418, -17.733, -14.513
Binary	01111110, 11000101, 11011101

#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#dd967e
```
#dd967e rgb(221,150,126)
```

Complementary Color

#7eddc6
```
#7eddc6 rgb(126,221,198)
```
#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#7e96dd
```
#7e96dd rgb(126,150,221)
```

Analogous Color

#ddc67e
```
#ddc67e rgb(221,198,126)
```
#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#dd7e96
```
#dd7e96 rgb(221,126,150)
```

Split Complementary Color

#c5dd7e
```
#c5dd7e rgb(197,221,126)
```
#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#dd7ec5
```
#dd7ec5 rgb(221,126,197)
```

Triadic Color

#7edd96
```
#7edd96 rgb(126,221,150)
```
#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#dd7ec5
```
#dd7ec5 rgb(221,126,197)
```
#dd967e
```
#dd967e rgb(221,150,126)
```

Tetradic Color

#41aacd
```
#41aacd rgb(65,170,205)
```
#56b3d2
```
#56b3d2 rgb(86,179,210)
```
#6abcd8
```
#6abcd8 rgb(106,188,216)
```
#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#92cee2
```
#92cee2 rgb(146,206,226)
```
#a6d7e8
```
#a6d7e8 rgb(166,215,232)
```
#bbe0ed
```
#bbe0ed rgb(187,224,237)
```

Monochromatic Color

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

#7edddd
```
#7edddd rgb(126,221,221)
```
#7ed5dd
```
#7ed5dd rgb(126,213,221)
```
#7ecddd
```
#7ecddd rgb(126,205,221)
```
#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#7ebddd
```
#7ebddd rgb(126,189,221)
```
#7eb5dd
```
#7eb5dd rgb(126,181,221)
```
#7eaddd
```
#7eaddd rgb(126,173,221)
```

Similar Colors

Text with hexadecimal color #7ec5dd

This text has a font color of #7ec5dd.

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

#7ec5dd background color

This paragraph has a background color of #7ec5dd.

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

#7ec5dd border color

This element has a border color of #7ec5dd.

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

CSS codes

.text {color:#7ec5dd;}

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

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

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, #03090b is the darkest color, while #fafdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#07151a
```
#07151a rgb(7,21,26)
```
#0b222a
```
#0b222a rgb(11,34,42)
```
#0f2f39
```
#0f2f39 rgb(15,47,57)
```
#133b49
```
#133b49 rgb(19,59,73)
```
#174858
```
#174858 rgb(23,72,88)
```
#1b5568
```
#1b5568 rgb(27,85,104)
```
#1f6177
```
#1f6177 rgb(31,97,119)
```
#246e87
```
#246e87 rgb(36,110,135)
```
#287a96
```
#287a96 rgb(40,122,150)
```
#2c87a6
```
#2c87a6 rgb(44,135,166)
```
#3094b5
```
#3094b5 rgb(48,148,181)
```
#34a0c5
```
#34a0c5 rgb(52,160,197)
```

Shade Color Variation

#40a9cd
```
#40a9cd rgb(64,169,205)
```
#4fb0d1
```
#4fb0d1 rgb(79,176,209)
```
#5fb7d5
```
#5fb7d5 rgb(95,183,213)
```
#6ebed9
```
#6ebed9 rgb(110,190,217)
```
#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#8ecce1
```
#8ecce1 rgb(142,204,225)
```
#9dd3e5
```
#9dd3e5 rgb(157,211,229)
```
#addae9
```
#addae9 rgb(173,218,233)
```
#bce1ed
```
#bce1ed rgb(188,225,237)
```
#cce8f1
```
#cce8f1 rgb(204,232,241)
```
#dbeff6
```
#dbeff6 rgb(219,239,246)
```
#ebf6fa
```
#ebf6fa rgb(235,246,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#aaafb1
```
#aaafb1 rgb(170,175,177)
```
#a4b2b7
```
#a4b2b7 rgb(164,178,183)
```
#9db5be
```
#9db5be rgb(157,181,190)
```
#97b9c4
```
#97b9c4 rgb(151,185,196)
```
#91bcca
```
#91bcca rgb(145,188,202)
```
#8bbfd0
```
#8bbfd0 rgb(139,191,208)
```
#84c2d7
```
#84c2d7 rgb(132,194,215)
```
#7ec5dd
```
#7ec5dd rgb(126,197,221)
```
#78c8e3
```
#78c8e3 rgb(120,200,227)
```
#71cbea
```
#71cbea rgb(113,203,234)
```
#6bcef0
```
#6bcef0 rgb(107,206,240)
```
#65d1f6
```
#65d1f6 rgb(101,209,246)
```
#5fd5fc
```
#5fd5fc rgb(95,213,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a8b7bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bcd8 Protanopia 1% of men
#bcbae3 Deuteranopia 1% of men
#82c9d7 Tritanopia 0.001% of the population

Trichromacy

#a3bfd9 Protanomaly 1% of men, 0.01% of women
#a5bee1 Deuteranomaly 6% of men, 0.4% of women
#80c7d9 Tritanomaly 0.01% of the population

#7ec5dd hex color

#7ec5dd Color Information

#7ec5dd Color Conversion

Color Schemes with #7ec5dd

Alternatives to #7ec5dd

#7ec5dd Preview

Shades and Tints of #7ec5dd

Tones of #7ec5dd

Color Blindness Simulator