colorhexa.com

#7ed1fc hex color

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

- R 49
- G 82
- B 99
RGB color chart
- C 50
- M 17
- Y 0
- K 1
CMYK color chart

● #7ed1fc color description : Soft blue.

The hexadecimal color #7ed1fc has RGB values of R:126, G:209, B:252 and CMYK values of C:0.5, M:0.17, Y:0, K:0.01. Its decimal value is 8311292.

Hex triplet	7ed1fc	`#7ed1fc`
RGB Decimal	126, 209, 252	`rgb(126,209,252)`
RGB Percent	49.4, 82, 98.8	`rgb(49.4%,82%,98.8%)`
CMYK	50, 17, 0, 1
HSL	200.5°, 95.5, 74.1	`hsl(200.5,95.5%,74.1%)`
HSV (or HSB)	200.5°, 50, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.214, -13.878, -28.858
XYZ	48.971, 57.062, 100.524
xyY	0.237, 0.276, 57.062
CIE-LCH	80.214, 32.022, 244.317
CIE-LUV	80.214, -36.997, -44.493
Hunter-Lab	75.539, -16.475, -26.022
Binary	01111110, 11010001, 11111100

#7ed1fc
```
#7ed1fc rgb(126,209,252)
```
#fca97e
```
#fca97e rgb(252,169,126)
```

Complementary Color

#7efce8
```
#7efce8 rgb(126,252,232)
```
#7ed1fc
```
#7ed1fc rgb(126,209,252)
```
#7e92fc
```
#7e92fc rgb(126,146,252)
```

Analogous Color

#fce87e
```
#fce87e rgb(252,232,126)
```
#7ed1fc
```
#7ed1fc rgb(126,209,252)
```
#fc7e92
```
#fc7e92 rgb(252,126,146)
```

Split Complementary Color

#d1fc7e
```
#d1fc7e rgb(209,252,126)
```
#7ed1fc
```
#7ed1fc rgb(126,209,252)
```
#fc7ed1
```
#fc7ed1 rgb(252,126,209)
```

Triadic Color

#7efca9
```
#7efca9 rgb(126,252,169)
```
#7ed1fc
```
#7ed1fc rgb(126,209,252)
```
#fc7ed1
```
#fc7ed1 rgb(252,126,209)
```
#fca97e
```
#fca97e rgb(252,169,126)
```

Tetradic Color

#33b6fa
```
#33b6fa rgb(51,182,250)
```
#4cbffb
```
#4cbffb rgb(76,191,251)
```
#65c8fb
```
#65c8fb rgb(101,200,251)
```
#7ed1fc
```
#7ed1fc rgb(126,209,252)
```
#97dafd
```
#97dafd rgb(151,218,253)
```
#b0e3fd
```
#b0e3fd rgb(176,227,253)
```
#c9ecfe
```
#c9ecfe rgb(201,236,254)
```

Monochromatic Color

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

#7ef1fc
```
#7ef1fc rgb(126,241,252)
```
#7ee6fc
```
#7ee6fc rgb(126,230,252)
```
#7edcfc
```
#7edcfc rgb(126,220,252)
```
#7ed1fc
```
#7ed1fc rgb(126,209,252)
```
#7ec7fc
```
#7ec7fc rgb(126,199,252)
```
#7ebcfc
```
#7ebcfc rgb(126,188,252)
```
#7eb2fc
```
#7eb2fc rgb(126,178,252)
```

Similar Colors

Text with hexadecimal color #7ed1fc

This text has a font color of #7ed1fc.

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

#7ed1fc background color

This paragraph has a background color of #7ed1fc.

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

#7ed1fc border color

This element has a border color of #7ed1fc.

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

CSS codes

.text {color:#7ed1fc;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#011018
```
#011018 rgb(1,16,24)
```
#011d2c
```
#011d2c rgb(1,29,44)
```
#012a3f
```
#012a3f rgb(1,42,63)
```
#023752
```
#023752 rgb(2,55,82)
```
#024365
```
#024365 rgb(2,67,101)
```
#035078
```
#035078 rgb(3,80,120)
```
#035d8b
```
#035d8b rgb(3,93,139)
```
#046a9f
```
#046a9f rgb(4,106,159)
```
#0476b2
```
#0476b2 rgb(4,118,178)
```
#0583c5
```
#0583c5 rgb(5,131,197)
```
#0590d8
```
#0590d8 rgb(5,144,216)
```
#059deb
```
#059deb rgb(5,157,235)
```

Shade Color Variation

#0ba8f9
```
#0ba8f9 rgb(11,168,249)
```
#1eaffa
```
#1eaffa rgb(30,175,250)
```
#31b6fa
```
#31b6fa rgb(49,182,250)
```
#44bcfb
```
#44bcfb rgb(68,188,251)
```
#58c3fb
```
#58c3fb rgb(88,195,251)
```
#6bcafc
```
#6bcafc rgb(107,202,252)
```
#7ed1fc
```
#7ed1fc rgb(126,209,252)
```
#91d8fc
```
#91d8fc rgb(145,216,252)
```
#a4dffd
```
#a4dffd rgb(164,223,253)
```
#b8e6fd
```
#b8e6fd rgb(184,230,253)
```
#cbecfe
```
#cbecfe rgb(203,236,254)
```
#def3fe
```
#def3fe rgb(222,243,254)
```
#f1faff
```
#f1faff rgb(241,250,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 #7ed1fc is the most saturated one.

#bbbebf
```
#bbbebf rgb(187,190,191)
```
#b6bfc4
```
#b6bfc4 rgb(182,191,196)
```
#b1c1c9
```
#b1c1c9 rgb(177,193,201)
```
#acc2ce
```
#acc2ce rgb(172,194,206)
```
#a7c4d3
```
#a7c4d3 rgb(167,196,211)
```
#a2c6d8
```
#a2c6d8 rgb(162,198,216)
```
#9cc7de
```
#9cc7de rgb(156,199,222)
```
#97c9e3
```
#97c9e3 rgb(151,201,227)
```
#92cbe8
```
#92cbe8 rgb(146,203,232)
```
#8dcced
```
#8dcced rgb(141,204,237)
```
#88cef2
```
#88cef2 rgb(136,206,242)
```
#83cff7
```
#83cff7 rgb(131,207,247)
```
#7ed1fc
```
#7ed1fc rgb(126,209,252)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b0c1ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec8f4 Protanopia 1% of men
#bdc6ff Deuteranopia 1% of men
#7bd7e6 Tritanopia 0.001% of the population

Trichromacy

#a7cbf7 Protanomaly 1% of men, 0.01% of women
#a6cafd Deuteranomaly 6% of men, 0.4% of women
#7cd4ee Tritanomaly 0.01% of the population