#7eaef1 hex color

In a RGB color space, hex #7eaef1 is composed of 49.4% red, 68.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 27.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 215 degrees, a saturation of 80.4% and a lightness of 72%. #7eaef1 color hex could be obtained by blending #fcffff with #005de3. 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

● #7eaef1 color description : Soft blue.

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

Hex triplet	7eaef1	`#7eaef1`
RGB Decimal	126, 174, 241	`rgb(126,174,241)`
RGB Percent	49.4, 68.2, 94.5	`rgb(49.4%,68.2%,94.5%)`
CMYK	48, 28, 0, 5
HSL	215°, 80.4, 72	`hsl(215,80.4%,72%)`
HSV (or HSB)	215°, 47.7, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.216, 1.866, -38.388
XYZ	39.614, 41.057, 89.052
xyY	0.233, 0.242, 41.057
CIE-LCH	70.216, 38.433, 272.782
CIE-LUV	70.216, -23.819, -61.92
Hunter-Lab	64.076, -1.777, -37.548
Binary	01111110, 10101110, 11110001

#7eaef1
```
#7eaef1 rgb(126,174,241)
```
#f1c17e
```
#f1c17e rgb(241,193,126)
```

Complementary Color

#7ee8f1
```
#7ee8f1 rgb(126,232,241)
```
#7eaef1
```
#7eaef1 rgb(126,174,241)
```
#887ef1
```
#887ef1 rgb(136,126,241)
```

Analogous Color

#e8f17e
```
#e8f17e rgb(232,241,126)
```
#7eaef1
```
#7eaef1 rgb(126,174,241)
```
#f1887e
```
#f1887e rgb(241,136,126)
```

Split Complementary Color

#aef17e
```
#aef17e rgb(174,241,126)
```
#7eaef1
```
#7eaef1 rgb(126,174,241)
```
#f17eae
```
#f17eae rgb(241,126,174)
```

Triadic Color

#7ef1c1
```
#7ef1c1 rgb(126,241,193)
```
#7eaef1
```
#7eaef1 rgb(126,174,241)
```
#f17eae
```
#f17eae rgb(241,126,174)
```
#f1c17e
```
#f1c17e rgb(241,193,126)
```

Tetradic Color

#3983ea
```
#3983ea rgb(57,131,234)
```
#5091ec
```
#5091ec rgb(80,145,236)
```
#67a0ef
```
#67a0ef rgb(103,160,239)
```
#7eaef1
```
#7eaef1 rgb(126,174,241)
```
#95bcf3
```
#95bcf3 rgb(149,188,243)
```
#accbf6
```
#accbf6 rgb(172,203,246)
```
#c3d9f8
```
#c3d9f8 rgb(195,217,248)
```

Monochromatic Color

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

#7ecbf1
```
#7ecbf1 rgb(126,203,241)
```
#7ec1f1
```
#7ec1f1 rgb(126,193,241)
```
#7eb8f1
```
#7eb8f1 rgb(126,184,241)
```
#7eaef1
```
#7eaef1 rgb(126,174,241)
```
#7ea4f1
```
#7ea4f1 rgb(126,164,241)
```
#7e9bf1
```
#7e9bf1 rgb(126,155,241)
```
#7e91f1
```
#7e91f1 rgb(126,145,241)
```

Similar Colors

Text with hexadecimal color #7eaef1

This text has a font color of #7eaef1.

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

#7eaef1 background color

This paragraph has a background color of #7eaef1.

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

#7eaef1 border color

This element has a border color of #7eaef1.

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

CSS codes

.text {color:#7eaef1;}

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

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

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

#01060d
```
#01060d rgb(1,6,13)
```
#030f1e
```
#030f1e rgb(3,15,30)
```
#051730
```
#051730 rgb(5,23,48)
```
#072042
```
#072042 rgb(7,32,66)
```
#092853
```
#092853 rgb(9,40,83)
```
#0b3165
```
#0b3165 rgb(11,49,101)
```
#0d3977
```
#0d3977 rgb(13,57,119)
```
#0f4288
```
#0f4288 rgb(15,66,136)
```
#114a9a
```
#114a9a rgb(17,74,154)
```
#1353ac
```
#1353ac rgb(19,83,172)
```
#155bbe
```
#155bbe rgb(21,91,190)
```
#1664cf
```
#1664cf rgb(22,100,207)
```
#186ce1
```
#186ce1 rgb(24,108,225)
```

Shade Color Variation

#2676e7
```
#2676e7 rgb(38,118,231)
```
#3782e9
```
#3782e9 rgb(55,130,233)
```
#498deb
```
#498deb rgb(73,141,235)
```
#5b98ed
```
#5b98ed rgb(91,152,237)
```
#6ca3ef
```
#6ca3ef rgb(108,163,239)
```
#7eaef1
```
#7eaef1 rgb(126,174,241)
```
#90b9f3
```
#90b9f3 rgb(144,185,243)
```
#a1c4f5
```
#a1c4f5 rgb(161,196,245)
```
#b3cff7
```
#b3cff7 rgb(179,207,247)
```
#c5daf9
```
#c5daf9 rgb(197,218,249)
```
#d6e6fb
```
#d6e6fb rgb(214,230,251)
```
#e8f1fd
```
#e8f1fd rgb(232,241,253)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#b5b7ba
```
#b5b7ba rgb(181,183,186)
```
#b0b6c0
```
#b0b6c0 rgb(176,182,192)
```
#aab5c5
```
#aab5c5 rgb(170,181,197)
```
#a5b4cb
```
#a5b4cb rgb(165,180,203)
```
#9fb3d0
```
#9fb3d0 rgb(159,179,208)
```
#9ab3d6
```
#9ab3d6 rgb(154,179,214)
```
#94b2db
```
#94b2db rgb(148,178,219)
```
#8fb1e1
```
#8fb1e1 rgb(143,177,225)
```
#89b0e6
```
#89b0e6 rgb(137,176,230)
```
#84afec
```
#84afec rgb(132,175,236)
```
#7eaef1
```
#7eaef1 rgb(126,174,241)
```
#79adf7
```
#79adf7 rgb(121,173,247)
```
#73acfc
```
#73acfc rgb(115,172,252)
```

Tone Color Variation

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

#9aadee Protanopia 1% of men
#94aef3 Deuteranopia 1% of men
#74bac8 Tritanopia 0.001% of the population

Trichromacy

#90adef Protanomaly 1% of men, 0.01% of women
#8caef2 Deuteranomaly 6% of men, 0.4% of women
#77b5d6 Tritanomaly 0.01% of the population

#7eaef1 hex color

#7eaef1 Color Information

#7eaef1 Color Conversion

Color Schemes with #7eaef1

Alternatives to #7eaef1

#7eaef1 Preview

Shades and Tints of #7eaef1

Tones of #7eaef1

Color Blindness Simulator