#7ec5de hex color

In a RGB color space, hex #7ec5de is composed of 49.4% red, 77.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 11.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 195.6 degrees, a saturation of 59.3% and a lightness of 68.2%. #7ec5de color hex could be obtained by blending #fcffff with #008bbd. 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

● #7ec5de color description : Very soft blue.

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

Hex triplet	7ec5de	`#7ec5de`
RGB Decimal	126, 197, 222	`rgb(126,197,222)`
RGB Percent	49.4, 77.3, 87.1	`rgb(49.4%,77.3%,87.1%)`
CMYK	43, 11, 0, 13
HSL	195.6°, 59.3, 68.2	`hsl(195.6,59.3%,68.2%)`
HSV (or HSB)	195.6°, 43.2, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.848, -15.808, -19.429
XYZ	41.752, 49.64, 76.485
xyY	0.249, 0.296, 49.64
CIE-LCH	75.848, 25.048, 230.867
CIE-LUV	75.848, -32.963, -28.129
Hunter-Lab	70.456, -17.518, -15.045
Binary	01111110, 11000101, 11011110

#7ec5de
```
#7ec5de rgb(126,197,222)
```
#de977e
```
#de977e rgb(222,151,126)
```

Complementary Color

#7edec7
```
#7edec7 rgb(126,222,199)
```
#7ec5de
```
#7ec5de rgb(126,197,222)
```
#7e95de
```
#7e95de rgb(126,149,222)
```

Analogous Color

#dec77e
```
#dec77e rgb(222,199,126)
```
#7ec5de
```
#7ec5de rgb(126,197,222)
```
#de7e95
```
#de7e95 rgb(222,126,149)
```

Split Complementary Color

#c5de7e
```
#c5de7e rgb(197,222,126)
```
#7ec5de
```
#7ec5de rgb(126,197,222)
```
#de7ec5
```
#de7ec5 rgb(222,126,197)
```

Triadic Color

#7ede97
```
#7ede97 rgb(126,222,151)
```
#7ec5de
```
#7ec5de rgb(126,197,222)
```
#de7ec5
```
#de7ec5 rgb(222,126,197)
```
#de977e
```
#de977e rgb(222,151,126)
```

Tetradic Color

#41aace
```
#41aace rgb(65,170,206)
```
#55b3d4
```
#55b3d4 rgb(85,179,212)
```
#6abcd9
```
#6abcd9 rgb(106,188,217)
```
#7ec5de
```
#7ec5de rgb(126,197,222)
```
#92cee3
```
#92cee3 rgb(146,206,227)
```
#a7d7e8
```
#a7d7e8 rgb(167,215,232)
```
#bbe0ee
```
#bbe0ee rgb(187,224,238)
```

Monochromatic Color

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

#7eddde
```
#7eddde rgb(126,221,222)
```
#7ed5de
```
#7ed5de rgb(126,213,222)
```
#7ecdde
```
#7ecdde rgb(126,205,222)
```
#7ec5de
```
#7ec5de rgb(126,197,222)
```
#7ebdde
```
#7ebdde rgb(126,189,222)
```
#7eb5de
```
#7eb5de rgb(126,181,222)
```
#7eadde
```
#7eadde rgb(126,173,222)
```

Similar Colors

Text with hexadecimal color #7ec5de

This text has a font color of #7ec5de.

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

#7ec5de background color

This paragraph has a background color of #7ec5de.

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

#7ec5de border color

This element has a border color of #7ec5de.

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

CSS codes

.text {color:#7ec5de;}

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

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

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

#03090c
```
#03090c rgb(3,9,12)
```
#07161b
```
#07161b rgb(7,22,27)
```
#0b232b
```
#0b232b rgb(11,35,43)
```
#0f2f3a
```
#0f2f3a rgb(15,47,58)
```
#133c4a
```
#133c4a rgb(19,60,74)
```
#17485a
```
#17485a rgb(23,72,90)
```
#1b5569
```
#1b5569 rgb(27,85,105)
```
#1f6179
```
#1f6179 rgb(31,97,121)
```
#236e89
```
#236e89 rgb(35,110,137)
```
#277b98
```
#277b98 rgb(39,123,152)
```
#2b87a8
```
#2b87a8 rgb(43,135,168)
```
#2f94b7
```
#2f94b7 rgb(47,148,183)
```
#33a0c7
```
#33a0c7 rgb(51,160,199)
```

Shade Color Variation

#40a9ce
```
#40a9ce rgb(64,169,206)
```
#4fb0d2
```
#4fb0d2 rgb(79,176,210)
```
#5fb7d6
```
#5fb7d6 rgb(95,183,214)
```
#6ebeda
```
#6ebeda rgb(110,190,218)
```
#7ec5de
```
#7ec5de rgb(126,197,222)
```
#8ecce2
```
#8ecce2 rgb(142,204,226)
```
#9dd3e6
```
#9dd3e6 rgb(157,211,230)
```
#addaea
```
#addaea rgb(173,218,234)
```
#bce1ee
```
#bce1ee rgb(188,225,238)
```
#cce8f2
```
#cce8f2 rgb(204,232,242)
```
#dceff6
```
#dceff6 rgb(220,239,246)
```
#ebf6fa
```
#ebf6fa rgb(235,246,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#aab0b2
```
#aab0b2 rgb(170,176,178)
```
#a3b3b9
```
#a3b3b9 rgb(163,179,185)
```
#9db6bf
```
#9db6bf rgb(157,182,191)
```
#97b9c5
```
#97b9c5 rgb(151,185,197)
```
#91bccb
```
#91bccb rgb(145,188,203)
```
#8abfd2
```
#8abfd2 rgb(138,191,210)
```
#84c2d8
```
#84c2d8 rgb(132,194,216)
```
#7ec5de
```
#7ec5de rgb(126,197,222)
```
#78c8e4
```
#78c8e4 rgb(120,200,228)
```
#72cbea
```
#72cbea rgb(114,203,234)
```
#6bcef1
```
#6bcef1 rgb(107,206,241)
```
#65d1f7
```
#65d1f7 rgb(101,209,247)
```
#5fd4fd
```
#5fd4fd rgb(95,212,253)
```

Tone Color Variation

Below, you can see how #7ec5de 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
#a8b7bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bdd9 Protanopia 1% of men
#bbbae4 Deuteranopia 1% of men
#81c9d8 Tritanopia 0.001% of the population

Trichromacy

#a3bfda Protanomaly 1% of men, 0.01% of women
#a5bee2 Deuteranomaly 6% of men, 0.4% of women
#80c7da Tritanomaly 0.01% of the population

#7ec5de hex color

#7ec5de Color Information

#7ec5de Color Conversion

Color Schemes with #7ec5de

Alternatives to #7ec5de

#7ec5de Preview

Shades and Tints of #7ec5de

Tones of #7ec5de

Color Blindness Simulator