#7eaef2 hex color

In a RGB color space, hex #7eaef2 is composed of 49.4% red, 68.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 28.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 215.2 degrees, a saturation of 81.7% and a lightness of 72.2%. #7eaef2 color hex could be obtained by blending #fcffff with #005de5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 68
- B 95
RGB color chart
- C 48
- M 28
- Y 0
- K 5
CMYK color chart

● #7eaef2 color description : Soft blue.

The hexadecimal color #7eaef2 has RGB values of R:126, G:174, B:242 and CMYK values of C:0.48, M:0.28, Y:0, K:0.05. Its decimal value is 8302322.

Hex triplet	7eaef2	`#7eaef2`
RGB Decimal	126, 174, 242	`rgb(126,174,242)`
RGB Percent	49.4, 68.2, 94.9	`rgb(49.4%,68.2%,94.9%)`
CMYK	48, 28, 0, 5
HSL	215.2°, 81.7, 72.2	`hsl(215.2,81.7%,72.2%)`
HSV (or HSB)	215.2°, 47.9, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.258, 2.155, -38.866
XYZ	39.764, 41.117, 89.841
xyY	0.233, 0.241, 41.117
CIE-LCH	70.258, 38.926, 273.174
CIE-LUV	70.258, -23.821, -62.774
Hunter-Lab	64.122, -1.522, -38.185
Binary	01111110, 10101110, 11110010

#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#f2c27e
```
#f2c27e rgb(242,194,126)
```

Complementary Color

#7ee8f2
```
#7ee8f2 rgb(126,232,242)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#887ef2
```
#887ef2 rgb(136,126,242)
```

Analogous Color

#e8f27e
```
#e8f27e rgb(232,242,126)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#f2887e
```
#f2887e rgb(242,136,126)
```

Split Complementary Color

#aef27e
```
#aef27e rgb(174,242,126)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#f27eae
```
#f27eae rgb(242,126,174)
```

Triadic Color

#7ef2c2
```
#7ef2c2 rgb(126,242,194)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#f27eae
```
#f27eae rgb(242,126,174)
```
#f2c27e
```
#f2c27e rgb(242,194,126)
```

Tetradic Color

#3982eb
```
#3982eb rgb(57,130,235)
```
#5091ed
```
#5091ed rgb(80,145,237)
```
#679ff0
```
#679ff0 rgb(103,159,240)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#95bdf4
```
#95bdf4 rgb(149,189,244)
```
#accbf7
```
#accbf7 rgb(172,203,247)
```
#c3daf9
```
#c3daf9 rgb(195,218,249)
```

Monochromatic Color

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

#7ecbf2
```
#7ecbf2 rgb(126,203,242)
```
#7ec1f2
```
#7ec1f2 rgb(126,193,242)
```
#7eb8f2
```
#7eb8f2 rgb(126,184,242)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#7ea4f2
```
#7ea4f2 rgb(126,164,242)
```
#7e9bf2
```
#7e9bf2 rgb(126,155,242)
```
#7e91f2
```
#7e91f2 rgb(126,145,242)
```

Similar Colors

Text with hexadecimal color #7eaef2

This text has a font color of #7eaef2.

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

#7eaef2 background color

This paragraph has a background color of #7eaef2.

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

#7eaef2 border color

This element has a border color of #7eaef2.

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

CSS codes

.text {color:#7eaef2;}

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

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

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, #01060e is the darkest color, while #fbfcff is the lightest one.

#01060e
```
#01060e rgb(1,6,14)
```
#030f1f
```
#030f1f rgb(3,15,31)
```
#051731
```
#051731 rgb(5,23,49)
```
#072043
```
#072043 rgb(7,32,67)
```
#092855
```
#092855 rgb(9,40,85)
```
#0a3167
```
#0a3167 rgb(10,49,103)
```
#0c3978
```
#0c3978 rgb(12,57,120)
```
#0e418a
```
#0e418a rgb(14,65,138)
```
#104a9c
```
#104a9c rgb(16,74,156)
```
#1252ae
```
#1252ae rgb(18,82,174)
```
#135bc0
```
#135bc0 rgb(19,91,192)
```
#1563d2
```
#1563d2 rgb(21,99,210)
```
#176ce3
```
#176ce3 rgb(23,108,227)
```

Shade Color Variation

#2576e9
```
#2576e9 rgb(37,118,233)
```
#3781eb
```
#3781eb rgb(55,129,235)
```
#498ced
```
#498ced rgb(73,140,237)
```
#5a98ee
```
#5a98ee rgb(90,152,238)
```
#6ca3f0
```
#6ca3f0 rgb(108,163,240)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#90b9f4
```
#90b9f4 rgb(144,185,244)
```
#a2c4f6
```
#a2c4f6 rgb(162,196,246)
```
#b3d0f7
```
#b3d0f7 rgb(179,208,247)
```
#c5dbf9
```
#c5dbf9 rgb(197,219,249)
```
#d7e6fb
```
#d7e6fb rgb(215,230,251)
```
#e9f1fd
```
#e9f1fd rgb(233,241,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#b5b7bb
```
#b5b7bb rgb(181,183,187)
```
#afb6c1
```
#afb6c1 rgb(175,182,193)
```
#aab6c6
```
#aab6c6 rgb(170,182,198)
```
#a4b5cc
```
#a4b5cc rgb(164,181,204)
```
#9fb4d1
```
#9fb4d1 rgb(159,180,209)
```
#99b3d7
```
#99b3d7 rgb(153,179,215)
```
#94b2dc
```
#94b2dc rgb(148,178,220)
```
#8eb1e2
```
#8eb1e2 rgb(142,177,226)
```
#89b0e7
```
#89b0e7 rgb(137,176,231)
```
#83afed
```
#83afed rgb(131,175,237)
```
#7eaef2
```
#7eaef2 rgb(126,174,242)
```
#79adf7
```
#79adf7 rgb(121,173,247)
```
#73acfd
```
#73acfd rgb(115,172,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9fa8b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aadef Protanopia 1% of men
#94aef4 Deuteranopia 1% of men
#74bac8 Tritanopia 0.001% of the population

Trichromacy

#90adf0 Protanomaly 1% of men, 0.01% of women
#8caef3 Deuteranomaly 6% of men, 0.4% of women
#77b6d7 Tritanomaly 0.01% of the population

#7eaef2 hex color

#7eaef2 Color Information

#7eaef2 Color Conversion

Color Schemes with #7eaef2

Alternatives to #7eaef2

#7eaef2 Preview

Shades and Tints of #7eaef2

Tones of #7eaef2

Color Blindness Simulator