#7ed8fc hex color

In a RGB color space, hex #7ed8fc is composed of 49.4% red, 84.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 14.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 197.1 degrees, a saturation of 95.5% and a lightness of 74.1%. #7ed8fc color hex could be obtained by blending #fcffff with #00b1f9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 49
- G 85
- B 99
RGB color chart
- C 50
- M 14
- Y 0
- K 1
CMYK color chart

● #7ed8fc color description : Soft blue.

The hexadecimal color #7ed8fc has RGB values of R:126, G:216, B:252 and CMYK values of C:0.5, M:0.14, Y:0, K:0.01. Its decimal value is 8313084.

Hex triplet	7ed8fc	`#7ed8fc`
RGB Decimal	126, 216, 252	`rgb(126,216,252)`
RGB Percent	49.4, 84.7, 98.8	`rgb(49.4%,84.7%,98.8%)`
CMYK	50, 14, 0, 1
HSL	197.1°, 95.5, 74.1	`hsl(197.1,95.5%,74.1%)`
HSV (or HSB)	197.1°, 50, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.148, -17.481, -25.901
XYZ	50.726, 60.573, 101.109
xyY	0.239, 0.285, 60.573
CIE-LCH	82.148, 31.248, 235.983
CIE-LUV	82.148, -39.664, -39.065
Hunter-Lab	77.828, -19.858, -22.545
Binary	01111110, 11011000, 11111100

#7ed8fc
```
#7ed8fc rgb(126,216,252)
```
#fca27e
```
#fca27e rgb(252,162,126)
```

Complementary Color

#7efce1
```
#7efce1 rgb(126,252,225)
```
#7ed8fc
```
#7ed8fc rgb(126,216,252)
```
#7e99fc
```
#7e99fc rgb(126,153,252)
```

Analogous Color

#fce17e
```
#fce17e rgb(252,225,126)
```
#7ed8fc
```
#7ed8fc rgb(126,216,252)
```
#fc7e99
```
#fc7e99 rgb(252,126,153)
```

Split Complementary Color

#d8fc7e
```
#d8fc7e rgb(216,252,126)
```
#7ed8fc
```
#7ed8fc rgb(126,216,252)
```
#fc7ed8
```
#fc7ed8 rgb(252,126,216)
```

Triadic Color

#7efca2
```
#7efca2 rgb(126,252,162)
```
#7ed8fc
```
#7ed8fc rgb(126,216,252)
```
#fc7ed8
```
#fc7ed8 rgb(252,126,216)
```
#fca27e
```
#fca27e rgb(252,162,126)
```

Tetradic Color

#33c1fa
```
#33c1fa rgb(51,193,250)
```
#4cc9fb
```
#4cc9fb rgb(76,201,251)
```
#65d0fb
```
#65d0fb rgb(101,208,251)
```
#7ed8fc
```
#7ed8fc rgb(126,216,252)
```
#97e0fd
```
#97e0fd rgb(151,224,253)
```
#b0e7fd
```
#b0e7fd rgb(176,231,253)
```
#c9effe
```
#c9effe rgb(201,239,254)
```

Monochromatic Color

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

#7ef8fc
```
#7ef8fc rgb(126,248,252)
```
#7eedfc
```
#7eedfc rgb(126,237,252)
```
#7ee3fc
```
#7ee3fc rgb(126,227,252)
```
#7ed8fc
```
#7ed8fc rgb(126,216,252)
```
#7ecefc
```
#7ecefc rgb(126,206,252)
```
#7ec3fc
```
#7ec3fc rgb(126,195,252)
```
#7eb9fc
```
#7eb9fc rgb(126,185,252)
```

Similar Colors

Text with hexadecimal color #7ed8fc

This text has a font color of #7ed8fc.

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

#7ed8fc background color

This paragraph has a background color of #7ed8fc.

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

#7ed8fc border color

This element has a border color of #7ed8fc.

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

CSS codes

.text {color:#7ed8fc;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011218
```
#011218 rgb(1,18,24)
```
#011f2c
```
#011f2c rgb(1,31,44)
```
#012d3f
```
#012d3f rgb(1,45,63)
```
#023b52
```
#023b52 rgb(2,59,82)
```
#024965
```
#024965 rgb(2,73,101)
```
#035778
```
#035778 rgb(3,87,120)
```
#03648b
```
#03648b rgb(3,100,139)
```
#04729f
```
#04729f rgb(4,114,159)
```
#0480b2
```
#0480b2 rgb(4,128,178)
```
#058ec5
```
#058ec5 rgb(5,142,197)
```
#059cd8
```
#059cd8 rgb(5,156,216)
```
#05aaeb
```
#05aaeb rgb(5,170,235)
```

Shade Color Variation

#0bb5f9
```
#0bb5f9 rgb(11,181,249)
```
#1ebbfa
```
#1ebbfa rgb(30,187,250)
```
#31c1fa
```
#31c1fa rgb(49,193,250)
```
#44c7fb
```
#44c7fb rgb(68,199,251)
```
#58ccfb
```
#58ccfb rgb(88,204,251)
```
#6bd2fc
```
#6bd2fc rgb(107,210,252)
```
#7ed8fc
```
#7ed8fc rgb(126,216,252)
```
#91defc
```
#91defc rgb(145,222,252)
```
#a4e4fd
```
#a4e4fd rgb(164,228,253)
```
#b8e9fd
```
#b8e9fd rgb(184,233,253)
```
#cbeffe
```
#cbeffe rgb(203,239,254)
```
#def5fe
```
#def5fe rgb(222,245,254)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

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

#bbbebf
```
#bbbebf rgb(187,190,191)
```
#b6c0c4
```
#b6c0c4 rgb(182,192,196)
```
#b1c2c9
```
#b1c2c9 rgb(177,194,201)
```
#acc4ce
```
#acc4ce rgb(172,196,206)
```
#a7c7d3
```
#a7c7d3 rgb(167,199,211)
```
#a2c9d8
```
#a2c9d8 rgb(162,201,216)
```
#9ccbde
```
#9ccbde rgb(156,203,222)
```
#97cde3
```
#97cde3 rgb(151,205,227)
```
#92cfe8
```
#92cfe8 rgb(146,207,232)
```
#8dd1ed
```
#8dd1ed rgb(141,209,237)
```
#88d4f2
```
#88d4f2 rgb(136,212,242)
```
#83d6f7
```
#83d6f7 rgb(131,214,247)
```
#7ed8fc
```
#7ed8fc rgb(126,216,252)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#b4c6cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cdf4 Protanopia 1% of men
#c6cbff Deuteranopia 1% of men
#7edcec Tritanopia 0.001% of the population

Trichromacy

#abd1f7 Protanomaly 1% of men, 0.01% of women
#acd0fd Deuteranomaly 6% of men, 0.4% of women
#7edbf2 Tritanomaly 0.01% of the population

#7ed8fc hex color

#7ed8fc Color Information

#7ed8fc Color Conversion

Color Schemes with #7ed8fc

Alternatives to #7ed8fc

#7ed8fc Preview

Shades and Tints of #7ed8fc

Tones of #7ed8fc

Color Blindness Simulator