#7eaff0 hex color

In a RGB color space, hex #7eaff0 is composed of 49.4% red, 68.6% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 27.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 214.2 degrees, a saturation of 79.2% and a lightness of 71.8%. #7eaff0 color hex could be obtained by blending #fcffff with #005fe1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 69
- B 94
RGB color chart
- C 48
- M 27
- Y 0
- K 6
CMYK color chart

● #7eaff0 color description : Soft blue.

The hexadecimal color #7eaff0 has RGB values of R:126, G:175, B:240 and CMYK values of C:0.48, M:0.27, Y:0, K:0.06. Its decimal value is 8302576.

Hex triplet	7eaff0	`#7eaff0`
RGB Decimal	126, 175, 240	`rgb(126,175,240)`
RGB Percent	49.4, 68.6, 94.1	`rgb(49.4%,68.6%,94.1%)`
CMYK	48, 27, 0, 6
HSL	214.2°, 79.2, 71.8	`hsl(214.2,79.2%,71.8%)`
HSV (or HSB)	214.2°, 47.5, 94.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.445, 1.019, -37.487
XYZ	39.659, 41.385, 88.332
xyY	0.234, 0.244, 41.385
CIE-LCH	70.445, 37.501, 271.557
CIE-LUV	70.445, -24.196, -60.312
Hunter-Lab	64.331, -2.538, -36.378
Binary	01111110, 10101111, 11110000

#7eaff0
```
#7eaff0 rgb(126,175,240)
```
#f0bf7e
```
#f0bf7e rgb(240,191,126)
```

Complementary Color

#7ee8f0
```
#7ee8f0 rgb(126,232,240)
```
#7eaff0
```
#7eaff0 rgb(126,175,240)
```
#867ef0
```
#867ef0 rgb(134,126,240)
```

Analogous Color

#e8f07e
```
#e8f07e rgb(232,240,126)
```
#7eaff0
```
#7eaff0 rgb(126,175,240)
```
#f0867e
```
#f0867e rgb(240,134,126)
```

Split Complementary Color

#aff07e
```
#aff07e rgb(175,240,126)
```
#7eaff0
```
#7eaff0 rgb(126,175,240)
```
#f07eaf
```
#f07eaf rgb(240,126,175)
```

Triadic Color

#7ef0bf
```
#7ef0bf rgb(126,240,191)
```
#7eaff0
```
#7eaff0 rgb(126,175,240)
```
#f07eaf
```
#f07eaf rgb(240,126,175)
```
#f0bf7e
```
#f0bf7e rgb(240,191,126)
```

Tetradic Color

#3985e8
```
#3985e8 rgb(57,133,232)
```
#5093eb
```
#5093eb rgb(80,147,235)
```
#67a1ed
```
#67a1ed rgb(103,161,237)
```
#7eaff0
```
#7eaff0 rgb(126,175,240)
```
#95bdf3
```
#95bdf3 rgb(149,189,243)
```
#accbf5
```
#accbf5 rgb(172,203,245)
```
#c3daf8
```
#c3daf8 rgb(195,218,248)
```

Monochromatic Color

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

#7eccf0
```
#7eccf0 rgb(126,204,240)
```
#7ec2f0
```
#7ec2f0 rgb(126,194,240)
```
#7eb9f0
```
#7eb9f0 rgb(126,185,240)
```
#7eaff0
```
#7eaff0 rgb(126,175,240)
```
#7ea6f0
```
#7ea6f0 rgb(126,166,240)
```
#7e9cf0
```
#7e9cf0 rgb(126,156,240)
```
#7e93f0
```
#7e93f0 rgb(126,147,240)
```

Similar Colors

Text with hexadecimal color #7eaff0

This text has a font color of #7eaff0.

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

#7eaff0 background color

This paragraph has a background color of #7eaff0.

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

#7eaff0 border color

This element has a border color of #7eaff0.

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

CSS codes

.text {color:#7eaff0;}

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

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

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

#01060c
```
#01060c rgb(1,6,12)
```
#030e1d
```
#030e1d rgb(3,14,29)
```
#05172f
```
#05172f rgb(5,23,47)
```
#072040
```
#072040 rgb(7,32,64)
```
#0a2952
```
#0a2952 rgb(10,41,82)
```
#0c3163
```
#0c3163 rgb(12,49,99)
```
#0e3a75
```
#0e3a75 rgb(14,58,117)
```
#104387
```
#104387 rgb(16,67,135)
```
#124b98
```
#124b98 rgb(18,75,152)
```
#1454aa
```
#1454aa rgb(20,84,170)
```
#165dbb
```
#165dbb rgb(22,93,187)
```
#1866cd
```
#1866cd rgb(24,102,205)
```
#1a6ede
```
#1a6ede rgb(26,110,222)
```

Shade Color Variation

#2679e6
```
#2679e6 rgb(38,121,230)
```
#3883e8
```
#3883e8 rgb(56,131,232)
```
#498eea
```
#498eea rgb(73,142,234)
```
#5b99ec
```
#5b99ec rgb(91,153,236)
```
#6ca4ee
```
#6ca4ee rgb(108,164,238)
```
#7eaff0
```
#7eaff0 rgb(126,175,240)
```
#90baf2
```
#90baf2 rgb(144,186,242)
```
#a1c5f4
```
#a1c5f4 rgb(161,197,244)
```
#b3d0f6
```
#b3d0f6 rgb(179,208,246)
```
#c4dbf8
```
#c4dbf8 rgb(196,219,248)
```
#d6e5fa
```
#d6e5fa rgb(214,229,250)
```
#e7f0fc
```
#e7f0fc rgb(231,240,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#b5b7b9
```
#b5b7b9 rgb(181,183,185)
```
#b0b6be
```
#b0b6be rgb(176,182,190)
```
#aab5c4
```
#aab5c4 rgb(170,181,196)
```
#a5b4c9
```
#a5b4c9 rgb(165,180,201)
```
#9fb4cf
```
#9fb4cf rgb(159,180,207)
```
#9ab3d4
```
#9ab3d4 rgb(154,179,212)
```
#94b2da
```
#94b2da rgb(148,178,218)
```
#8fb1df
```
#8fb1df rgb(143,177,223)
```
#89b1e5
```
#89b1e5 rgb(137,177,229)
```
#84b0ea
```
#84b0ea rgb(132,176,234)
```
#7eaff0
```
#7eaff0 rgb(126,175,240)
```
#78aef6
```
#78aef6 rgb(120,174,246)
```
#73adfb
```
#73adfb rgb(115,173,251)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a0a9b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9caeed Protanopia 1% of men
#96aff2 Deuteranopia 1% of men
#75bbc8 Tritanopia 0.001% of the population

Trichromacy

#91aeee Protanomaly 1% of men, 0.01% of women
#8daff1 Deuteranomaly 6% of men, 0.4% of women
#78b6d7 Tritanomaly 0.01% of the population

#7eaff0 hex color

#7eaff0 Color Information

#7eaff0 Color Conversion

Color Schemes with #7eaff0

Alternatives to #7eaff0

#7eaff0 Preview

Shades and Tints of #7eaff0

Tones of #7eaff0

Color Blindness Simulator