#7ed4f9 hex color

In a RGB color space, hex #7ed4f9 is composed of 49.4% red, 83.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 14.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 198 degrees, a saturation of 91.1% and a lightness of 73.5%. #7ed4f9 color hex could be obtained by blending #fcffff with #00a9f3. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 83
- B 98
RGB color chart
- C 49
- M 15
- Y 0
- K 2
CMYK color chart

● #7ed4f9 color description : Soft blue.

The hexadecimal color #7ed4f9 has RGB values of R:126, G:212, B:249 and CMYK values of C:0.49, M:0.15, Y:0, K:0.02. Its decimal value is 8312057.

Hex triplet	7ed4f9	`#7ed4f9`
RGB Decimal	126, 212, 249	`rgb(126,212,249)`
RGB Percent	49.4, 83.1, 97.6	`rgb(49.4%,83.1%,97.6%)`
CMYK	49, 15, 0, 2
HSL	198°, 91.1, 73.5	`hsl(198,91.1%,73.5%)`
HSV (or HSB)	198°, 49.4, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.938, -16.259, -26.155
XYZ	49.242, 58.359, 98.287
xyY	0.239, 0.283, 58.359
CIE-LCH	80.938, 30.797, 238.134
CIE-LUV	80.938, -38.218, -39.602
Hunter-Lab	76.393, -18.629, -22.807
Binary	01111110, 11010100, 11111001

#7ed4f9
```
#7ed4f9 rgb(126,212,249)
```
#f9a37e
```
#f9a37e rgb(249,163,126)
```

Complementary Color

#7ef9e1
```
#7ef9e1 rgb(126,249,225)
```
#7ed4f9
```
#7ed4f9 rgb(126,212,249)
```
#7e97f9
```
#7e97f9 rgb(126,151,249)
```

Analogous Color

#f9e17e
```
#f9e17e rgb(249,225,126)
```
#7ed4f9
```
#7ed4f9 rgb(126,212,249)
```
#f97e97
```
#f97e97 rgb(249,126,151)
```

Split Complementary Color

#d4f97e
```
#d4f97e rgb(212,249,126)
```
#7ed4f9
```
#7ed4f9 rgb(126,212,249)
```
#f97ed4
```
#f97ed4 rgb(249,126,212)
```

Triadic Color

#7ef9a3
```
#7ef9a3 rgb(126,249,163)
```
#7ed4f9
```
#7ed4f9 rgb(126,212,249)
```
#f97ed4
```
#f97ed4 rgb(249,126,212)
```
#f9a37e
```
#f9a37e rgb(249,163,126)
```

Tetradic Color

#35bcf6
```
#35bcf6 rgb(53,188,246)
```
#4dc4f7
```
#4dc4f7 rgb(77,196,247)
```
#66ccf8
```
#66ccf8 rgb(102,204,248)
```
#7ed4f9
```
#7ed4f9 rgb(126,212,249)
```
#96dcfa
```
#96dcfa rgb(150,220,250)
```
#afe4fb
```
#afe4fb rgb(175,228,251)
```
#c7ecfc
```
#c7ecfc rgb(199,236,252)
```

Monochromatic Color

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

#7ef3f9
```
#7ef3f9 rgb(126,243,249)
```
#7ee9f9
```
#7ee9f9 rgb(126,233,249)
```
#7edef9
```
#7edef9 rgb(126,222,249)
```
#7ed4f9
```
#7ed4f9 rgb(126,212,249)
```
#7ecaf9
```
#7ecaf9 rgb(126,202,249)
```
#7ec0f9
```
#7ec0f9 rgb(126,192,249)
```
#7eb5f9
```
#7eb5f9 rgb(126,181,249)
```

Similar Colors

Text with hexadecimal color #7ed4f9

This text has a font color of #7ed4f9.

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

#7ed4f9 background color

This paragraph has a background color of #7ed4f9.

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

#7ed4f9 border color

This element has a border color of #7ed4f9.

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

CSS codes

.text {color:#7ed4f9;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#010f15
```
#010f15 rgb(1,15,21)
```
#021c28
```
#021c28 rgb(2,28,40)
```
#032a3a
```
#032a3a rgb(3,42,58)
```
#04374d
```
#04374d rgb(4,55,77)
```
#044460
```
#044460 rgb(4,68,96)
```
#055273
```
#055273 rgb(5,82,115)
```
#065f85
```
#065f85 rgb(6,95,133)
```
#076d98
```
#076d98 rgb(7,109,152)
```
#087aab
```
#087aab rgb(8,122,171)
```
#0987be
```
#0987be rgb(9,135,190)
```
#0a95d0
```
#0a95d0 rgb(10,149,208)
```
#0ba2e3
```
#0ba2e3 rgb(11,162,227)
```

Shade Color Variation

#0eaff4
```
#0eaff4 rgb(14,175,244)
```
#20b5f5
```
#20b5f5 rgb(32,181,245)
```
#33bbf6
```
#33bbf6 rgb(51,187,246)
```
#46c1f6
```
#46c1f6 rgb(70,193,246)
```
#59c8f7
```
#59c8f7 rgb(89,200,247)
```
#6bcef8
```
#6bcef8 rgb(107,206,248)
```
#7ed4f9
```
#7ed4f9 rgb(126,212,249)
```
#91dafa
```
#91dafa rgb(145,218,250)
```
#a3e0fb
```
#a3e0fb rgb(163,224,251)
```
#b6e7fc
```
#b6e7fc rgb(182,231,252)
```
#c9edfc
```
#c9edfc rgb(201,237,252)
```
#dcf3fd
```
#dcf3fd rgb(220,243,253)
```
#eef9fe
```
#eef9fe rgb(238,249,254)
```

Tint Color Variation

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

#b7bdc0
```
#b7bdc0 rgb(183,189,192)
```
#b2bfc5
```
#b2bfc5 rgb(178,191,197)
```
#adc1ca
```
#adc1ca rgb(173,193,202)
```
#a8c3cf
```
#a8c3cf rgb(168,195,207)
```
#a2c6d5
```
#a2c6d5 rgb(162,198,213)
```
#9dc8da
```
#9dc8da rgb(157,200,218)
```
#98cadf
```
#98cadf rgb(152,202,223)
```
#93cce4
```
#93cce4 rgb(147,204,228)
```
#8ecee9
```
#8ecee9 rgb(142,206,233)
```
#88d0ef
```
#88d0ef rgb(136,208,239)
```
#83d2f4
```
#83d2f4 rgb(131,210,244)
```
#7ed4f9
```
#7ed4f9 rgb(126,212,249)
```
#79d6fe
```
#79d6fe rgb(121,214,254)
```

Tone Color Variation

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

Dichromacy

#c2caf1 Protanopia 1% of men
#c2c8fe Deuteranopia 1% of men
#7dd9e8 Tritanopia 0.001% of the population

Trichromacy

#a9cdf4 Protanomaly 1% of men, 0.01% of women
#a9ccfc Deuteranomaly 6% of men, 0.4% of women
#7dd7ee Tritanomaly 0.01% of the population

#7ed4f9 hex color

#7ed4f9 Color Information

#7ed4f9 Color Conversion

Color Schemes with #7ed4f9

Alternatives to #7ed4f9

#7ed4f9 Preview

Shades and Tints of #7ed4f9

Tones of #7ed4f9

Color Blindness Simulator