#7ed1fa hex color

In a RGB color space, hex #7ed1fa is composed of 49.4% red, 82% green and 98% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 16.4% magenta, 0% yellow and 2% black. It has a hue angle of 199.8 degrees, a saturation of 92.5% and a lightness of 73.7%. #7ed1fa color hex could be obtained by blending #fcffff with #00a3f5. Closest websafe color is: #66ccff.

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

● #7ed1fa color description : Soft blue.

The hexadecimal color #7ed1fa has RGB values of R:126, G:209, B:250 and CMYK values of C:0.5, M:0.16, Y:0, K:0.02. Its decimal value is 8311290.

Hex triplet	7ed1fa	`#7ed1fa`
RGB Decimal	126, 209, 250	`rgb(126,209,250)`
RGB Percent	49.4, 82, 98	`rgb(49.4%,82%,98%)`
CMYK	50, 16, 0, 2
HSL	199.8°, 92.5, 73.7	`hsl(199.8,92.5%,73.7%)`
HSV (or HSB)	199.8°, 49.6, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.143, -14.434, -27.902
XYZ	48.656, 56.936, 98.863
xyY	0.238, 0.278, 56.936
CIE-LCH	80.143, 31.414, 242.646
CIE-LUV	80.143, -37.046, -42.781
Hunter-Lab	75.456, -16.947, -24.863
Binary	01111110, 11010001, 11111010

#7ed1fa
```
#7ed1fa rgb(126,209,250)
```
#faa77e
```
#faa77e rgb(250,167,126)
```

Complementary Color

#7efae5
```
#7efae5 rgb(126,250,229)
```
#7ed1fa
```
#7ed1fa rgb(126,209,250)
```
#7e93fa
```
#7e93fa rgb(126,147,250)
```

Analogous Color

#fae57e
```
#fae57e rgb(250,229,126)
```
#7ed1fa
```
#7ed1fa rgb(126,209,250)
```
#fa7e93
```
#fa7e93 rgb(250,126,147)
```

Split Complementary Color

#d1fa7e
```
#d1fa7e rgb(209,250,126)
```
#7ed1fa
```
#7ed1fa rgb(126,209,250)
```
#fa7ed1
```
#fa7ed1 rgb(250,126,209)
```

Triadic Color

#7efaa7
```
#7efaa7 rgb(126,250,167)
```
#7ed1fa
```
#7ed1fa rgb(126,209,250)
```
#fa7ed1
```
#fa7ed1 rgb(250,126,209)
```
#faa77e
```
#faa77e rgb(250,167,126)
```

Tetradic Color

#34b7f7
```
#34b7f7 rgb(52,183,247)
```
#4dbff8
```
#4dbff8 rgb(77,191,248)
```
#65c8f9
```
#65c8f9 rgb(101,200,249)
```
#7ed1fa
```
#7ed1fa rgb(126,209,250)
```
#97dafb
```
#97dafb rgb(151,218,251)
```
#afe3fc
```
#afe3fc rgb(175,227,252)
```
#c8ebfd
```
#c8ebfd rgb(200,235,253)
```

Monochromatic Color

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

#7ef0fa
```
#7ef0fa rgb(126,240,250)
```
#7ee6fa
```
#7ee6fa rgb(126,230,250)
```
#7edbfa
```
#7edbfa rgb(126,219,250)
```
#7ed1fa
```
#7ed1fa rgb(126,209,250)
```
#7ec7fa
```
#7ec7fa rgb(126,199,250)
```
#7ebcfa
```
#7ebcfa rgb(126,188,250)
```
#7eb2fa
```
#7eb2fa rgb(126,178,250)
```

Similar Colors

Text with hexadecimal color #7ed1fa

This text has a font color of #7ed1fa.

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

#7ed1fa background color

This paragraph has a background color of #7ed1fa.

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

#7ed1fa border color

This element has a border color of #7ed1fa.

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

CSS codes

.text {color:#7ed1fa;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010f16
```
#010f16 rgb(1,15,22)
```
#021c29
```
#021c29 rgb(2,28,41)
```
#02293c
```
#02293c rgb(2,41,60)
```
#03364f
```
#03364f rgb(3,54,79)
```
#044362
```
#044362 rgb(4,67,98)
```
#054f74
```
#054f74 rgb(5,79,116)
```
#055c87
```
#055c87 rgb(5,92,135)
```
#06699a
```
#06699a rgb(6,105,154)
```
#0776ad
```
#0776ad rgb(7,118,173)
```
#0783c0
```
#0783c0 rgb(7,131,192)
```
#0890d3
```
#0890d3 rgb(8,144,211)
```
#099de6
```
#099de6 rgb(9,157,230)
```

Shade Color Variation

#0da9f6
```
#0da9f6 rgb(13,169,246)
```
#20aff6
```
#20aff6 rgb(32,175,246)
```
#32b6f7
```
#32b6f7 rgb(50,182,247)
```
#45bdf8
```
#45bdf8 rgb(69,189,248)
```
#58c4f9
```
#58c4f9 rgb(88,196,249)
```
#6bcaf9
```
#6bcaf9 rgb(107,202,249)
```
#7ed1fa
```
#7ed1fa rgb(126,209,250)
```
#91d8fb
```
#91d8fb rgb(145,216,251)
```
#a4defb
```
#a4defb rgb(164,222,251)
```
#b7e5fc
```
#b7e5fc rgb(183,229,252)
```
#caecfd
```
#caecfd rgb(202,236,253)
```
#dcf3fe
```
#dcf3fe rgb(220,243,254)
```
#eff9fe
```
#eff9fe rgb(239,249,254)
```

Tint Color Variation

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

#bcbcbc
```
#bcbcbc rgb(188,188,188)
```
#b7bec1
```
#b7bec1 rgb(183,190,193)
```
#b2c0c6
```
#b2c0c6 rgb(178,192,198)
```
#acc1cc
```
#acc1cc rgb(172,193,204)
```
#a7c3d1
```
#a7c3d1 rgb(167,195,209)
```
#a2c5d6
```
#a2c5d6 rgb(162,197,214)
```
#9dc7db
```
#9dc7db rgb(157,199,219)
```
#98c8e0
```
#98c8e0 rgb(152,200,224)
```
#93cae5
```
#93cae5 rgb(147,202,229)
```
#8dcceb
```
#8dcceb rgb(141,204,235)
```
#88cef0
```
#88cef0 rgb(136,206,240)
```
#83cff5
```
#83cff5 rgb(131,207,245)
```
#7ed1fa
```
#7ed1fa rgb(126,209,250)
```

Tone Color Variation

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

Dichromacy

#bfc7f2 Protanopia 1% of men
#bec6ff Deuteranopia 1% of men
#7cd6e6 Tritanopia 0.001% of the population

Trichromacy

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

#7ed1fa hex color

#7ed1fa Color Information

#7ed1fa Color Conversion

Color Schemes with #7ed1fa

Alternatives to #7ed1fa

#7ed1fa Preview

Shades and Tints of #7ed1fa

Tones of #7ed1fa

Color Blindness Simulator