#7ea4fd hex color

In a RGB color space, hex #7ea4fd is composed of 49.4% red, 64.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 35.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 222 degrees, a saturation of 96.9% and a lightness of 74.3%. #7ea4fd color hex could be obtained by blending #fcffff with #0049fb. Closest websafe color is: #6699ff.

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

● #7ea4fd color description : Soft blue.

The hexadecimal color #7ea4fd has RGB values of R:126, G:164, B:253 and CMYK values of C:0.5, M:0.35, Y:0, K:0.01. Its decimal value is 8299773.

Hex triplet	7ea4fd	`#7ea4fd`
RGB Decimal	126, 164, 253	`rgb(126,164,253)`
RGB Percent	49.4, 64.3, 99.2	`rgb(49.4%,64.3%,99.2%)`
CMYK	50, 35, 0, 1
HSL	222°, 96.9, 74.3	`hsl(222,96.9%,74.3%)`
HSV (or HSB)	222°, 50.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.077, 11.057, -48.263
XYZ	39.605, 38.077, 98.186
xyY	0.225, 0.217, 38.077
CIE-LCH	68.077, 49.513, 282.904
CIE-LUV	68.077, -20.221, -79.477
Hunter-Lab	61.706, 6.582, -51.147
Binary	01111110, 10100100, 11111101

#7ea4fd
```
#7ea4fd rgb(126,164,253)
```
#fdd77e
```
#fdd77e rgb(253,215,126)
```

Complementary Color

#7ee4fd
```
#7ee4fd rgb(126,228,253)
```
#7ea4fd
```
#7ea4fd rgb(126,164,253)
```
#987efd
```
#987efd rgb(152,126,253)
```

Analogous Color

#e4fd7e
```
#e4fd7e rgb(228,253,126)
```
#7ea4fd
```
#7ea4fd rgb(126,164,253)
```
#fd987e
```
#fd987e rgb(253,152,126)
```

Split Complementary Color

#a4fd7e
```
#a4fd7e rgb(164,253,126)
```
#7ea4fd
```
#7ea4fd rgb(126,164,253)
```
#fd7ea4
```
#fd7ea4 rgb(253,126,164)
```

Triadic Color

#7efdd7
```
#7efdd7 rgb(126,253,215)
```
#7ea4fd
```
#7ea4fd rgb(126,164,253)
```
#fd7ea4
```
#fd7ea4 rgb(253,126,164)
```
#fdd77e
```
#fdd77e rgb(253,215,126)
```

Tetradic Color

#336ffc
```
#336ffc rgb(51,111,252)
```
#4c81fc
```
#4c81fc rgb(76,129,252)
```
#6592fd
```
#6592fd rgb(101,146,253)
```
#7ea4fd
```
#7ea4fd rgb(126,164,253)
```
#97b6fd
```
#97b6fd rgb(151,182,253)
```
#b0c7fe
```
#b0c7fe rgb(176,199,254)
```
#c9d9fe
```
#c9d9fe rgb(201,217,254)
```

Monochromatic Color

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

#7ec4fd
```
#7ec4fd rgb(126,196,253)
```
#7eb9fd
```
#7eb9fd rgb(126,185,253)
```
#7eaffd
```
#7eaffd rgb(126,175,253)
```
#7ea4fd
```
#7ea4fd rgb(126,164,253)
```
#7e99fd
```
#7e99fd rgb(126,153,253)
```
#7e8ffd
```
#7e8ffd rgb(126,143,253)
```
#7e84fd
```
#7e84fd rgb(126,132,253)
```

Similar Colors

Text with hexadecimal color #7ea4fd

This text has a font color of #7ea4fd.

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

#7ea4fd background color

This paragraph has a background color of #7ea4fd.

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

#7ea4fd border color

This element has a border color of #7ea4fd.

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

CSS codes

.text {color:#7ea4fd;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#00081a
```
#00081a rgb(0,8,26)
```
#010e2d
```
#010e2d rgb(1,14,45)
```
#011440
```
#011440 rgb(1,20,64)
```
#011a53
```
#011a53 rgb(1,26,83)
```
#022067
```
#022067 rgb(2,32,103)
```
#02267a
```
#02267a rgb(2,38,122)
```
#022c8d
```
#022c8d rgb(2,44,141)
```
#0232a1
```
#0232a1 rgb(2,50,161)
```
#0338b4
```
#0338b4 rgb(3,56,180)
```
#033ec7
```
#033ec7 rgb(3,62,199)
```
#0344db
```
#0344db rgb(3,68,219)
```
#044aee
```
#044aee rgb(4,74,238)
```

Shade Color Variation

#0a52fb
```
#0a52fb rgb(10,82,251)
```
#1d60fc
```
#1d60fc rgb(29,96,252)
```
#316dfc
```
#316dfc rgb(49,109,252)
```
#447bfc
```
#447bfc rgb(68,123,252)
```
#5789fc
```
#5789fc rgb(87,137,252)
```
#6b96fd
```
#6b96fd rgb(107,150,253)
```
#7ea4fd
```
#7ea4fd rgb(126,164,253)
```
#91b2fd
```
#91b2fd rgb(145,178,253)
```
#a5bffe
```
#a5bffe rgb(165,191,254)
```
#b8cdfe
```
#b8cdfe rgb(184,205,254)
```
#cbdbfe
```
#cbdbfe rgb(203,219,254)
```
#dfe8fe
```
#dfe8fe rgb(223,232,254)
```
#f2f6ff
```
#f2f6ff rgb(242,246,255)
```

Tint Color Variation

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

#babcc1
```
#babcc1 rgb(186,188,193)
```
#b5bac6
```
#b5bac6 rgb(181,186,198)
```
#b0b8cb
```
#b0b8cb rgb(176,184,203)
```
#abb6d0
```
#abb6d0 rgb(171,182,208)
```
#a6b4d5
```
#a6b4d5 rgb(166,180,213)
```
#a1b2da
```
#a1b2da rgb(161,178,218)
```
#9cb0df
```
#9cb0df rgb(156,176,223)
```
#97aee4
```
#97aee4 rgb(151,174,228)
```
#92ace9
```
#92ace9 rgb(146,172,233)
```
#8daaee
```
#8daaee rgb(141,170,238)
```
#88a8f3
```
#88a8f3 rgb(136,168,243)
```
#83a6f8
```
#83a6f8 rgb(131,166,248)
```
#7ea4fd
```
#7ea4fd rgb(126,164,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9ca3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a7fc Protanopia 1% of men
#7daafc Deuteranopia 1% of men
#6cb5c2 Tritanopia 0.001% of the population

Trichromacy

#85a6fc Protanomaly 1% of men, 0.01% of women
#7da8fc Deuteranomaly 6% of men, 0.4% of women
#72afd7 Tritanomaly 0.01% of the population

#7ea4fd hex color

#7ea4fd Color Information

#7ea4fd Color Conversion

Color Schemes with #7ea4fd

Alternatives to #7ea4fd

#7ea4fd Preview

Shades and Tints of #7ea4fd

Tones of #7ea4fd

Color Blindness Simulator