#7eaefd hex color

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

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

● #7eaefd color description : Soft blue.

The hexadecimal color #7eaefd has RGB values of R:126, G:174, B:253 and CMYK values of C:0.5, M:0.31, Y:0, K:0.01. Its decimal value is 8302333.

Hex triplet	7eaefd	`#7eaefd`
RGB Decimal	126, 174, 253	`rgb(126,174,253)`
RGB Percent	49.4, 68.2, 99.2	`rgb(49.4%,68.2%,99.2%)`
CMYK	50, 31, 0, 1
HSL	217.3°, 96.9, 74.3	`hsl(217.3,96.9%,74.3%)`
HSV (or HSB)	217.3°, 50.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.731, 5.376, -44.093
XYZ	41.466, 41.798, 98.806
xyY	0.228, 0.23, 41.798
CIE-LCH	70.731, 44.419, 276.951
CIE-LUV	70.731, -23.845, -72.138
Hunter-Lab	64.651, 1.347, -45.357
Binary	01111110, 10101110, 11111101

#7eaefd
```
#7eaefd rgb(126,174,253)
```
#fdcd7e
```
#fdcd7e rgb(253,205,126)
```

Complementary Color

#7eeefd
```
#7eeefd rgb(126,238,253)
```
#7eaefd
```
#7eaefd rgb(126,174,253)
```
#8e7efd
```
#8e7efd rgb(142,126,253)
```

Analogous Color

#eefd7e
```
#eefd7e rgb(238,253,126)
```
#7eaefd
```
#7eaefd rgb(126,174,253)
```
#fd8e7e
```
#fd8e7e rgb(253,142,126)
```

Split Complementary Color

#aefd7e
```
#aefd7e rgb(174,253,126)
```
#7eaefd
```
#7eaefd rgb(126,174,253)
```
#fd7eae
```
#fd7eae rgb(253,126,174)
```

Triadic Color

#7efdcd
```
#7efdcd rgb(126,253,205)
```
#7eaefd
```
#7eaefd rgb(126,174,253)
```
#fd7eae
```
#fd7eae rgb(253,126,174)
```
#fdcd7e
```
#fdcd7e rgb(253,205,126)
```

Tetradic Color

#337ffc
```
#337ffc rgb(51,127,252)
```
#4c8efc
```
#4c8efc rgb(76,142,252)
```
#659efd
```
#659efd rgb(101,158,253)
```
#7eaefd
```
#7eaefd rgb(126,174,253)
```
#97befd
```
#97befd rgb(151,190,253)
```
#b0cefe
```
#b0cefe rgb(176,206,254)
```
#c9ddfe
```
#c9ddfe rgb(201,221,254)
```

Monochromatic Color

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

#7ecefd
```
#7ecefd rgb(126,206,253)
```
#7ec3fd
```
#7ec3fd rgb(126,195,253)
```
#7eb9fd
```
#7eb9fd rgb(126,185,253)
```
#7eaefd
```
#7eaefd rgb(126,174,253)
```
#7ea3fd
```
#7ea3fd rgb(126,163,253)
```
#7e99fd
```
#7e99fd rgb(126,153,253)
```
#7e8efd
```
#7e8efd rgb(126,142,253)
```

Similar Colors

Text with hexadecimal color #7eaefd

This text has a font color of #7eaefd.

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

#7eaefd background color

This paragraph has a background color of #7eaefd.

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

#7eaefd border color

This element has a border color of #7eaefd.

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

CSS codes

.text {color:#7eaefd;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#000a1a
```
#000a1a rgb(0,10,26)
```
#01112d
```
#01112d rgb(1,17,45)
```
#011940
```
#011940 rgb(1,25,64)
```
#012053
```
#012053 rgb(1,32,83)
```
#022867
```
#022867 rgb(2,40,103)
```
#022f7a
```
#022f7a rgb(2,47,122)
```
#02378d
```
#02378d rgb(2,55,141)
```
#023ea1
```
#023ea1 rgb(2,62,161)
```
#0346b4
```
#0346b4 rgb(3,70,180)
```
#034dc7
```
#034dc7 rgb(3,77,199)
```
#0355db
```
#0355db rgb(3,85,219)
```
#045cee
```
#045cee rgb(4,92,238)
```

Shade Color Variation

#0a65fb
```
#0a65fb rgb(10,101,251)
```
#1d71fc
```
#1d71fc rgb(29,113,252)
```
#317dfc
```
#317dfc rgb(49,125,252)
```
#448afc
```
#448afc rgb(68,138,252)
```
#5796fc
```
#5796fc rgb(87,150,252)
```
#6ba2fd
```
#6ba2fd rgb(107,162,253)
```
#7eaefd
```
#7eaefd rgb(126,174,253)
```
#91bafd
```
#91bafd rgb(145,186,253)
```
#a5c6fe
```
#a5c6fe rgb(165,198,254)
```
#b8d2fe
```
#b8d2fe rgb(184,210,254)
```
#cbdffe
```
#cbdffe rgb(203,223,254)
```
#dfebfe
```
#dfebfe rgb(223,235,254)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#babdc1
```
#babdc1 rgb(186,189,193)
```
#b5bcc6
```
#b5bcc6 rgb(181,188,198)
```
#b0bacb
```
#b0bacb rgb(176,186,203)
```
#abb9d0
```
#abb9d0 rgb(171,185,208)
```
#a6b8d5
```
#a6b8d5 rgb(166,184,213)
```
#a1b7da
```
#a1b7da rgb(161,183,218)
```
#9cb5df
```
#9cb5df rgb(156,181,223)
```
#97b4e4
```
#97b4e4 rgb(151,180,228)
```
#92b3e9
```
#92b3e9 rgb(146,179,233)
```
#8db2ee
```
#8db2ee rgb(141,178,238)
```
#88b0f3
```
#88b0f3 rgb(136,176,243)
```
#83aff8
```
#83aff8 rgb(131,175,248)
```
#7eaefd
```
#7eaefd rgb(126,174,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a0aaba Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aefa Protanopia 1% of men
#8cb0fd Deuteranopia 1% of men
#6fbcca Tritanopia 0.001% of the population

Trichromacy

#8daefb Protanomaly 1% of men, 0.01% of women
#87affd Deuteranomaly 6% of men, 0.4% of women
#74b7dc Tritanomaly 0.01% of the population

#7eaefd hex color

#7eaefd Color Information

#7eaefd Color Conversion

Color Schemes with #7eaefd

Alternatives to #7eaefd

#7eaefd Preview

Shades and Tints of #7eaefd

Tones of #7eaefd

Color Blindness Simulator