#7ec1fa hex color

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

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

● #7ec1fa color description : Soft blue.

The hexadecimal color #7ec1fa has RGB values of R:126, G:193, B:250 and CMYK values of C:0.5, M:0.23, Y:0, K:0.02. Its decimal value is 8307194.

Hex triplet	7ec1fa	`#7ec1fa`
RGB Decimal	126, 193, 250	`rgb(126,193,250)`
RGB Percent	49.4, 75.7, 98	`rgb(49.4%,75.7%,98%)`
CMYK	50, 23, 0, 2
HSL	207.6°, 92.5, 73.7	`hsl(207.6,92.5%,73.7%)`
HSV (or HSB)	207.6°, 49.6, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.746, -5.975, -34.668
XYZ	44.925, 49.475, 97.62
xyY	0.234, 0.258, 49.475
CIE-LCH	75.746, 35.179, 260.222
CIE-LUV	75.746, -30.955, -55.152
Hunter-Lab	70.339, -9.084, -33.049
Binary	01111110, 11000001, 11111010

#7ec1fa
```
#7ec1fa rgb(126,193,250)
```
#fab77e
```
#fab77e rgb(250,183,126)
```

Complementary Color

#7efaf5
```
#7efaf5 rgb(126,250,245)
```
#7ec1fa
```
#7ec1fa rgb(126,193,250)
```
#7e83fa
```
#7e83fa rgb(126,131,250)
```

Analogous Color

#faf57e
```
#faf57e rgb(250,245,126)
```
#7ec1fa
```
#7ec1fa rgb(126,193,250)
```
#fa7e83
```
#fa7e83 rgb(250,126,131)
```

Split Complementary Color

#c1fa7e
```
#c1fa7e rgb(193,250,126)
```
#7ec1fa
```
#7ec1fa rgb(126,193,250)
```
#fa7ec1
```
#fa7ec1 rgb(250,126,193)
```

Triadic Color

#7efab7
```
#7efab7 rgb(126,250,183)
```
#7ec1fa
```
#7ec1fa rgb(126,193,250)
```
#fa7ec1
```
#fa7ec1 rgb(250,126,193)
```
#fab77e
```
#fab77e rgb(250,183,126)
```

Tetradic Color

#349ef7
```
#349ef7 rgb(52,158,247)
```
#4da9f8
```
#4da9f8 rgb(77,169,248)
```
#65b5f9
```
#65b5f9 rgb(101,181,249)
```
#7ec1fa
```
#7ec1fa rgb(126,193,250)
```
#97cdfb
```
#97cdfb rgb(151,205,251)
```
#afd9fc
```
#afd9fc rgb(175,217,252)
```
#c8e4fd
```
#c8e4fd rgb(200,228,253)
```

Monochromatic Color

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

#7ee0fa
```
#7ee0fa rgb(126,224,250)
```
#7ed6fa
```
#7ed6fa rgb(126,214,250)
```
#7ecbfa
```
#7ecbfa rgb(126,203,250)
```
#7ec1fa
```
#7ec1fa rgb(126,193,250)
```
#7eb7fa
```
#7eb7fa rgb(126,183,250)
```
#7eacfa
```
#7eacfa rgb(126,172,250)
```
#7ea2fa
```
#7ea2fa rgb(126,162,250)
```

Similar Colors

Text with hexadecimal color #7ec1fa

This text has a font color of #7ec1fa.

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

#7ec1fa background color

This paragraph has a background color of #7ec1fa.

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

#7ec1fa border color

This element has a border color of #7ec1fa.

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

CSS codes

.text {color:#7ec1fa;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#010c16
```
#010c16 rgb(1,12,22)
```
#021729
```
#021729 rgb(2,23,41)
```
#02213c
```
#02213c rgb(2,33,60)
```
#032c4f
```
#032c4f rgb(3,44,79)
```
#043662
```
#043662 rgb(4,54,98)
```
#054174
```
#054174 rgb(5,65,116)
```
#054c87
```
#054c87 rgb(5,76,135)
```
#06569a
```
#06569a rgb(6,86,154)
```
#0761ad
```
#0761ad rgb(7,97,173)
```
#076bc0
```
#076bc0 rgb(7,107,192)
```
#0876d3
```
#0876d3 rgb(8,118,211)
```
#0980e6
```
#0980e6 rgb(9,128,230)
```

Shade Color Variation

#0d8bf6
```
#0d8bf6 rgb(13,139,246)
```
#2094f6
```
#2094f6 rgb(32,148,246)
```
#329df7
```
#329df7 rgb(50,157,247)
```
#45a6f8
```
#45a6f8 rgb(69,166,248)
```
#58aff9
```
#58aff9 rgb(88,175,249)
```
#6bb8f9
```
#6bb8f9 rgb(107,184,249)
```
#7ec1fa
```
#7ec1fa rgb(126,193,250)
```
#91cafb
```
#91cafb rgb(145,202,251)
```
#a4d3fb
```
#a4d3fb rgb(164,211,251)
```
#b7dcfc
```
#b7dcfc rgb(183,220,252)
```
#cae5fd
```
#cae5fd rgb(202,229,253)
```
#dceefe
```
#dceefe rgb(220,238,254)
```
#eff7fe
```
#eff7fe rgb(239,247,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 #7ec1fa is the most saturated one.

#bcbcbc
```
#bcbcbc rgb(188,188,188)
```
#b7bcc1
```
#b7bcc1 rgb(183,188,193)
```
#b2bdc6
```
#b2bdc6 rgb(178,189,198)
```
#acbdcc
```
#acbdcc rgb(172,189,204)
```
#a7bed1
```
#a7bed1 rgb(167,190,209)
```
#a2bed6
```
#a2bed6 rgb(162,190,214)
```
#9dbfdb
```
#9dbfdb rgb(157,191,219)
```
#98bfe0
```
#98bfe0 rgb(152,191,224)
```
#93bfe5
```
#93bfe5 rgb(147,191,229)
```
#8dc0eb
```
#8dc0eb rgb(141,192,235)
```
#88c0f0
```
#88c0f0 rgb(136,192,240)
```
#83c1f5
```
#83c1f5 rgb(131,193,245)
```
#7ec1fa
```
#7ec1fa rgb(126,193,250)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a8b6c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbcf4 Protanopia 1% of men
#a9bcfd Deuteranopia 1% of men
#76cad9 Tritanopia 0.001% of the population

Trichromacy

#9cbdf6 Protanomaly 1% of men, 0.01% of women
#99bdfc Deuteranomaly 6% of men, 0.4% of women
#79c7e5 Tritanomaly 0.01% of the population

#7ec1fa hex color

#7ec1fa Color Information

#7ec1fa Color Conversion

Color Schemes with #7ec1fa

Alternatives to #7ec1fa

#7ec1fa Preview

Shades and Tints of #7ec1fa

Tones of #7ec1fa

Color Blindness Simulator