#7eabfe hex color

In a RGB color space, hex #7eabfe is composed of 49.4% red, 67.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 32.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 218.9 degrees, a saturation of 98.5% and a lightness of 74.5%. #7eabfe color hex could be obtained by blending #fcffff with #0057fd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 67
- B 100
RGB color chart
- C 50
- M 33
- Y 0
- K 0
CMYK color chart

● #7eabfe color description : Soft blue.

The hexadecimal color #7eabfe has RGB values of R:126, G:171, B:254 and CMYK values of C:0.5, M:0.33, Y:0, K:0. Its decimal value is 8301566.

Hex triplet	7eabfe	`#7eabfe`
RGB Decimal	126, 171, 254	`rgb(126,171,254)`
RGB Percent	49.4, 67.1, 99.6	`rgb(49.4%,67.1%,99.6%)`
CMYK	50, 33, 0, 0
HSL	218.9°, 98.5, 74.5	`hsl(218.9,98.5%,74.5%)`
HSV (or HSB)	218.9°, 50.4, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.976, 7.367, -45.819
XYZ	41.053, 40.715, 99.456
xyY	0.227, 0.225, 40.715
CIE-LCH	69.976, 46.407, 279.134
CIE-LUV	69.976, -22.755, -75.207
Hunter-Lab	63.808, 3.177, -47.747
Binary	01111110, 10101011, 11111110

#7eabfe
```
#7eabfe rgb(126,171,254)
```
#fed17e
```
#fed17e rgb(254,209,126)
```

Complementary Color

#7eebfe
```
#7eebfe rgb(126,235,254)
```
#7eabfe
```
#7eabfe rgb(126,171,254)
```
#917efe
```
#917efe rgb(145,126,254)
```

Analogous Color

#ebfe7e
```
#ebfe7e rgb(235,254,126)
```
#7eabfe
```
#7eabfe rgb(126,171,254)
```
#fe917e
```
#fe917e rgb(254,145,126)
```

Split Complementary Color

#abfe7e
```
#abfe7e rgb(171,254,126)
```
#7eabfe
```
#7eabfe rgb(126,171,254)
```
#fe7eab
```
#fe7eab rgb(254,126,171)
```

Triadic Color

#7efed1
```
#7efed1 rgb(126,254,209)
```
#7eabfe
```
#7eabfe rgb(126,171,254)
```
#fe7eab
```
#fe7eab rgb(254,126,171)
```
#fed17e
```
#fed17e rgb(254,209,126)
```

Tetradic Color

#327afd
```
#327afd rgb(50,122,253)
```
#4b8afe
```
#4b8afe rgb(75,138,254)
```
#659bfe
```
#659bfe rgb(101,155,254)
```
#7eabfe
```
#7eabfe rgb(126,171,254)
```
#97bbfe
```
#97bbfe rgb(151,187,254)
```
#b1ccfe
```
#b1ccfe rgb(177,204,254)
```
#cadcff
```
#cadcff rgb(202,220,255)
```

Monochromatic Color

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

#7ecbfe
```
#7ecbfe rgb(126,203,254)
```
#7ec0fe
```
#7ec0fe rgb(126,192,254)
```
#7eb6fe
```
#7eb6fe rgb(126,182,254)
```
#7eabfe
```
#7eabfe rgb(126,171,254)
```
#7ea0fe
```
#7ea0fe rgb(126,160,254)
```
#7e96fe
```
#7e96fe rgb(126,150,254)
```
#7e8bfe
```
#7e8bfe rgb(126,139,254)
```

Similar Colors

Text with hexadecimal color #7eabfe

This text has a font color of #7eabfe.

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

#7eabfe background color

This paragraph has a background color of #7eabfe.

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

#7eabfe border color

This element has a border color of #7eabfe.

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

CSS codes

.text {color:#7eabfe;}

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

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

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

#000307
```
#000307 rgb(0,3,7)
```
#000a1b
```
#000a1b rgb(0,10,27)
```
#00102e
```
#00102e rgb(0,16,46)
```
#011742
```
#011742 rgb(1,23,66)
```
#011e55
```
#011e55 rgb(1,30,85)
```
#012569
```
#012569 rgb(1,37,105)
```
#012c7c
```
#012c7c rgb(1,44,124)
```
#013390
```
#013390 rgb(1,51,144)
```
#013aa3
```
#013aa3 rgb(1,58,163)
```
#0141b6
```
#0141b6 rgb(1,65,182)
```
#0248ca
```
#0248ca rgb(2,72,202)
```
#024fdd
```
#024fdd rgb(2,79,221)
```
#0256f1
```
#0256f1 rgb(2,86,241)
```

Shade Color Variation

#095ffd
```
#095ffd rgb(9,95,253)
```
#1d6cfd
```
#1d6cfd rgb(29,108,253)
```
#3078fd
```
#3078fd rgb(48,120,253)
```
#4485fe
```
#4485fe rgb(68,133,254)
```
#5792fe
```
#5792fe rgb(87,146,254)
```
#6b9efe
```
#6b9efe rgb(107,158,254)
```
#7eabfe
```
#7eabfe rgb(126,171,254)
```
#91b8fe
```
#91b8fe rgb(145,184,254)
```
#a5c4fe
```
#a5c4fe rgb(165,196,254)
```
#b8d1fe
```
#b8d1fe rgb(184,209,254)
```
#ccdeff
```
#ccdeff rgb(204,222,255)
```
#dfeaff
```
#dfeaff rgb(223,234,255)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#babdc2
```
#babdc2 rgb(186,189,194)
```
#b5bbc7
```
#b5bbc7 rgb(181,187,199)
```
#b0bacc
```
#b0bacc rgb(176,186,204)
```
#abb8d1
```
#abb8d1 rgb(171,184,209)
```
#a6b7d6
```
#a6b7d6 rgb(166,183,214)
```
#a1b5db
```
#a1b5db rgb(161,181,219)
```
#9cb4e0
```
#9cb4e0 rgb(156,180,224)
```
#97b2e5
```
#97b2e5 rgb(151,178,229)
```
#92b1ea
```
#92b1ea rgb(146,177,234)
```
#8dafef
```
#8dafef rgb(141,175,239)
```
#88aef4
```
#88aef4 rgb(136,174,244)
```
#83acf9
```
#83acf9 rgb(131,172,249)
```
#7eabfe
```
#7eabfe rgb(126,171,254)
```

Tone Color Variation

Below, you can see how #7eabfe 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
#9fa8b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92acfc Protanopia 1% of men
#87aefe Deuteranopia 1% of men
#6dbac8 Tritanopia 0.001% of the population

Trichromacy

#8aacfc Protanomaly 1% of men, 0.01% of women
#84adfe Deuteranomaly 6% of men, 0.4% of women
#73b4db Tritanomaly 0.01% of the population

#7eabfe hex color

#7eabfe Color Information

#7eabfe Color Conversion

Color Schemes with #7eabfe

Alternatives to #7eabfe

#7eabfe Preview

Shades and Tints of #7eabfe

Tones of #7eabfe

Color Blindness Simulator