#7ea1f9 hex color

In a RGB color space, hex #7ea1f9 is composed of 49.4% red, 63.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 35.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 222.9 degrees, a saturation of 91.1% and a lightness of 73.5%. #7ea1f9 color hex could be obtained by blending #fcffff with #0043f3. Closest websafe color is: #6699ff.

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

● #7ea1f9 color description : Soft blue.

The hexadecimal color #7ea1f9 has RGB values of R:126, G:161, B:249 and CMYK values of C:0.49, M:0.35, Y:0, K:0.02. Its decimal value is 8299001.

Hex triplet	7ea1f9	`#7ea1f9`
RGB Decimal	126, 161, 249	`rgb(126,161,249)`
RGB Percent	49.4, 63.1, 97.6	`rgb(49.4%,63.1%,97.6%)`
CMYK	49, 35, 0, 2
HSL	222.9°, 91.1, 73.5	`hsl(222.9,91.1%,73.5%)`
HSV (or HSB)	222.9°, 49.4, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.099, 11.587, -47.627
XYZ	38.444, 36.763, 94.688
xyY	0.226, 0.216, 36.763
CIE-LCH	67.099, 49.016, 283.674
CIE-LUV	67.099, -19.09, -78.286
Hunter-Lab	60.633, 7.071, -50.148
Binary	01111110, 10100001, 11111001

#7ea1f9
```
#7ea1f9 rgb(126,161,249)
```
#f9d67e
```
#f9d67e rgb(249,214,126)
```

Complementary Color

#7edff9
```
#7edff9 rgb(126,223,249)
```
#7ea1f9
```
#7ea1f9 rgb(126,161,249)
```
#997ef9
```
#997ef9 rgb(153,126,249)
```

Analogous Color

#dff97e
```
#dff97e rgb(223,249,126)
```
#7ea1f9
```
#7ea1f9 rgb(126,161,249)
```
#f9997e
```
#f9997e rgb(249,153,126)
```

Split Complementary Color

#a1f97e
```
#a1f97e rgb(161,249,126)
```
#7ea1f9
```
#7ea1f9 rgb(126,161,249)
```
#f97ea1
```
#f97ea1 rgb(249,126,161)
```

Triadic Color

#7ef9d6
```
#7ef9d6 rgb(126,249,214)
```
#7ea1f9
```
#7ea1f9 rgb(126,161,249)
```
#f97ea1
```
#f97ea1 rgb(249,126,161)
```
#f9d67e
```
#f9d67e rgb(249,214,126)
```

Tetradic Color

#356cf6
```
#356cf6 rgb(53,108,246)
```
#4d7df7
```
#4d7df7 rgb(77,125,247)
```
#668ff8
```
#668ff8 rgb(102,143,248)
```
#7ea1f9
```
#7ea1f9 rgb(126,161,249)
```
#96b3fa
```
#96b3fa rgb(150,179,250)
```
#afc5fb
```
#afc5fb rgb(175,197,251)
```
#c7d6fc
```
#c7d6fc rgb(199,214,252)
```

Monochromatic Color

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

#7ec0f9
```
#7ec0f9 rgb(126,192,249)
```
#7eb6f9
```
#7eb6f9 rgb(126,182,249)
```
#7eabf9
```
#7eabf9 rgb(126,171,249)
```
#7ea1f9
```
#7ea1f9 rgb(126,161,249)
```
#7e97f9
```
#7e97f9 rgb(126,151,249)
```
#7e8df9
```
#7e8df9 rgb(126,141,249)
```
#7e82f9
```
#7e82f9 rgb(126,130,249)
```

Similar Colors

Text with hexadecimal color #7ea1f9

This text has a font color of #7ea1f9.

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

#7ea1f9 background color

This paragraph has a background color of #7ea1f9.

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

#7ea1f9 border color

This element has a border color of #7ea1f9.

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

CSS codes

.text {color:#7ea1f9;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010715
```
#010715 rgb(1,7,21)
```
#020d28
```
#020d28 rgb(2,13,40)
```
#03133a
```
#03133a rgb(3,19,58)
```
#04194d
```
#04194d rgb(4,25,77)
```
#041e60
```
#041e60 rgb(4,30,96)
```
#052473
```
#052473 rgb(5,36,115)
```
#062a85
```
#062a85 rgb(6,42,133)
```
#073098
```
#073098 rgb(7,48,152)
```
#0836ab
```
#0836ab rgb(8,54,171)
```
#093cbe
```
#093cbe rgb(9,60,190)
```
#0a42d0
```
#0a42d0 rgb(10,66,208)
```
#0b48e3
```
#0b48e3 rgb(11,72,227)
```

Shade Color Variation

#0e4ff4
```
#0e4ff4 rgb(14,79,244)
```
#205df5
```
#205df5 rgb(32,93,245)
```
#336af6
```
#336af6 rgb(51,106,246)
```
#4678f6
```
#4678f6 rgb(70,120,246)
```
#5986f7
```
#5986f7 rgb(89,134,247)
```
#6b93f8
```
#6b93f8 rgb(107,147,248)
```
#7ea1f9
```
#7ea1f9 rgb(126,161,249)
```
#91affa
```
#91affa rgb(145,175,250)
```
#a3bcfb
```
#a3bcfb rgb(163,188,251)
```
#b6cafc
```
#b6cafc rgb(182,202,252)
```
#c9d8fc
```
#c9d8fc rgb(201,216,252)
```
#dce5fd
```
#dce5fd rgb(220,229,253)
```
#eef3fe
```
#eef3fe rgb(238,243,254)
```

Tint Color Variation

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

#b7bac0
```
#b7bac0 rgb(183,186,192)
```
#b2b7c5
```
#b2b7c5 rgb(178,183,197)
```
#adb5ca
```
#adb5ca rgb(173,181,202)
```
#a8b3cf
```
#a8b3cf rgb(168,179,207)
```
#a2b1d5
```
#a2b1d5 rgb(162,177,213)
```
#9daeda
```
#9daeda rgb(157,174,218)
```
#98acdf
```
#98acdf rgb(152,172,223)
```
#93aae4
```
#93aae4 rgb(147,170,228)
```
#8ea8e9
```
#8ea8e9 rgb(142,168,233)
```
#88a5ef
```
#88a5ef rgb(136,165,239)
```
#83a3f4
```
#83a3f4 rgb(131,163,244)
```
#7ea1f9
```
#7ea1f9 rgb(126,161,249)
```
#799ffe
```
#799ffe rgb(121,159,254)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#9aa1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a5f8 Protanopia 1% of men
#7ca7f8 Deuteranopia 1% of men
#6db2bf Tritanopia 0.001% of the population

Trichromacy

#84a3f8 Protanomaly 1% of men, 0.01% of women
#7ca5f8 Deuteranomaly 6% of men, 0.4% of women
#73acd4 Tritanomaly 0.01% of the population

#7ea1f9 hex color

#7ea1f9 Color Information

#7ea1f9 Color Conversion

Color Schemes with #7ea1f9

Alternatives to #7ea1f9

#7ea1f9 Preview

Shades and Tints of #7ea1f9

Tones of #7ea1f9

Color Blindness Simulator