#7ed5f7 hex color

In a RGB color space, hex #7ed5f7 is composed of 49.4% red, 83.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 13.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 196.9 degrees, a saturation of 88.3% and a lightness of 73.1%. #7ed5f7 color hex could be obtained by blending #fcffff with #00abef. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 84
- B 97
RGB color chart
- C 49
- M 14
- Y 0
- K 3
CMYK color chart

● #7ed5f7 color description : Soft blue.

The hexadecimal color #7ed5f7 has RGB values of R:126, G:213, B:247 and CMYK values of C:0.49, M:0.14, Y:0, K:0.03. Its decimal value is 8312311.

Hex triplet	7ed5f7	`#7ed5f7`
RGB Decimal	126, 213, 247	`rgb(126,213,247)`
RGB Percent	49.4, 83.5, 96.9	`rgb(49.4%,83.5%,96.9%)`
CMYK	49, 14, 0, 3
HSL	196.9°, 88.3, 73.1	`hsl(196.9,88.3%,73.1%)`
HSV (or HSB)	196.9°, 49, 96.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.147, -17.319, -24.774
XYZ	49.183, 58.737, 96.736
xyY	0.24, 0.287, 58.737
CIE-LCH	81.147, 30.227, 235.042
CIE-LUV	81.147, -38.655, -37.122
Hunter-Lab	76.64, -19.569, -21.189
Binary	01111110, 11010101, 11110111

#7ed5f7
```
#7ed5f7 rgb(126,213,247)
```
#f7a07e
```
#f7a07e rgb(247,160,126)
```

Complementary Color

#7ef7dd
```
#7ef7dd rgb(126,247,221)
```
#7ed5f7
```
#7ed5f7 rgb(126,213,247)
```
#7e99f7
```
#7e99f7 rgb(126,153,247)
```

Analogous Color

#f7dd7e
```
#f7dd7e rgb(247,221,126)
```
#7ed5f7
```
#7ed5f7 rgb(126,213,247)
```
#f77e99
```
#f77e99 rgb(247,126,153)
```

Split Complementary Color

#d5f77e
```
#d5f77e rgb(213,247,126)
```
#7ed5f7
```
#7ed5f7 rgb(126,213,247)
```
#f77ed5
```
#f77ed5 rgb(247,126,213)
```

Triadic Color

#7ef7a0
```
#7ef7a0 rgb(126,247,160)
```
#7ed5f7
```
#7ed5f7 rgb(126,213,247)
```
#f77ed5
```
#f77ed5 rgb(247,126,213)
```
#f7a07e
```
#f7a07e rgb(247,160,126)
```

Tetradic Color

#36bef3
```
#36bef3 rgb(54,190,243)
```
#4ec5f4
```
#4ec5f4 rgb(78,197,244)
```
#66cdf6
```
#66cdf6 rgb(102,205,246)
```
#7ed5f7
```
#7ed5f7 rgb(126,213,247)
```
#96ddf8
```
#96ddf8 rgb(150,221,248)
```
#aee5fa
```
#aee5fa rgb(174,229,250)
```
#c6ecfb
```
#c6ecfb rgb(198,236,251)
```

Monochromatic Color

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

#7ef3f7
```
#7ef3f7 rgb(126,243,247)
```
#7ee9f7
```
#7ee9f7 rgb(126,233,247)
```
#7edff7
```
#7edff7 rgb(126,223,247)
```
#7ed5f7
```
#7ed5f7 rgb(126,213,247)
```
#7ecbf7
```
#7ecbf7 rgb(126,203,247)
```
#7ec1f7
```
#7ec1f7 rgb(126,193,247)
```
#7eb7f7
```
#7eb7f7 rgb(126,183,247)
```

Similar Colors

Text with hexadecimal color #7ed5f7

This text has a font color of #7ed5f7.

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

#7ed5f7 background color

This paragraph has a background color of #7ed5f7.

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

#7ed5f7 border color

This element has a border color of #7ed5f7.

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

CSS codes

.text {color:#7ed5f7;}

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

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

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 #edf9fe is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#010e13
```
#010e13 rgb(1,14,19)
```
#021b25
```
#021b25 rgb(2,27,37)
```
#032938
```
#032938 rgb(3,41,56)
```
#05374a
```
#05374a rgb(5,55,74)
```
#06445d
```
#06445d rgb(6,68,93)
```
#07526f
```
#07526f rgb(7,82,111)
```
#085f82
```
#085f82 rgb(8,95,130)
```
#096d94
```
#096d94 rgb(9,109,148)
```
#0a7ba7
```
#0a7ba7 rgb(10,123,167)
```
#0b88b9
```
#0b88b9 rgb(11,136,185)
```
#0d96cb
```
#0d96cb rgb(13,150,203)
```
#0ea3de
```
#0ea3de rgb(14,163,222)
```

Shade Color Variation

#0fb1f0
```
#0fb1f0 rgb(15,177,240)
```
#22b7f1
```
#22b7f1 rgb(34,183,241)
```
#34bdf2
```
#34bdf2 rgb(52,189,242)
```
#47c3f4
```
#47c3f4 rgb(71,195,244)
```
#59c9f5
```
#59c9f5 rgb(89,201,245)
```
#6ccff6
```
#6ccff6 rgb(108,207,246)
```
#7ed5f7
```
#7ed5f7 rgb(126,213,247)
```
#90dbf8
```
#90dbf8 rgb(144,219,248)
```
#a3e1f9
```
#a3e1f9 rgb(163,225,249)
```
#b5e7fa
```
#b5e7fa rgb(181,231,250)
```
#c8edfc
```
#c8edfc rgb(200,237,252)
```
#daf3fd
```
#daf3fd rgb(218,243,253)
```
#edf9fe
```
#edf9fe rgb(237,249,254)
```

Tint Color Variation

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

#b8bcbd
```
#b8bcbd rgb(184,188,189)
```
#b3bec2
```
#b3bec2 rgb(179,190,194)
```
#adc0c8
```
#adc0c8 rgb(173,192,200)
```
#a8c3cd
```
#a8c3cd rgb(168,195,205)
```
#a3c5d2
```
#a3c5d2 rgb(163,197,210)
```
#9ec7d7
```
#9ec7d7 rgb(158,199,215)
```
#98c9dd
```
#98c9dd rgb(152,201,221)
```
#93cce2
```
#93cce2 rgb(147,204,226)
```
#8ecee7
```
#8ecee7 rgb(142,206,231)
```
#89d0ec
```
#89d0ec rgb(137,208,236)
```
#83d3f2
```
#83d3f2 rgb(131,211,242)
```
#7ed5f7
```
#7ed5f7 rgb(126,213,247)
```
#79d7fc
```
#79d7fc rgb(121,215,252)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b2c3ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4caef Protanopia 1% of men
#c4c8fc Deuteranopia 1% of men
#7ed9e9 Tritanopia 0.001% of the population

Trichromacy

#aacef2 Protanomaly 1% of men, 0.01% of women
#aacdfa Deuteranomaly 6% of men, 0.4% of women
#7ed7ee Tritanomaly 0.01% of the population

#7ed5f7 hex color

#7ed5f7 Color Information

#7ed5f7 Color Conversion

Color Schemes with #7ed5f7

Alternatives to #7ed5f7

#7ed5f7 Preview

Shades and Tints of #7ed5f7

Tones of #7ed5f7

Color Blindness Simulator