#7aaeff hex color

In a RGB color space, hex #7aaeff is composed of 47.8% red, 68.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 31.8% magenta, 0% yellow and 0% black. It has a hue angle of 216.5 degrees, a saturation of 100% and a lightness of 73.9%. #7aaeff color hex could be obtained by blending #f4ffff with #005dff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 68
- B 100
RGB color chart
- C 52
- M 32
- Y 0
- K 0
CMYK color chart

● #7aaeff color description : Very light blue.

The hexadecimal color #7aaeff has RGB values of R:122, G:174, B:255 and CMYK values of C:0.52, M:0.32, Y:0, K:0. Its decimal value is 8040191.

Hex triplet	7aaeff	`#7aaeff`
RGB Decimal	122, 174, 255	`rgb(122,174,255)`
RGB Percent	47.8, 68.2, 100	`rgb(47.8%,68.2%,100%)`
CMYK	52, 32, 0, 0
HSL	216.5°, 100, 73.9	`hsl(216.5,100%,73.9%)`
HSV (or HSB)	216.5°, 52.2, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.613, 5.096, -45.374
XYZ	41.208, 41.628, 100.466
xyY	0.225, 0.227, 41.628
CIE-LCH	70.613, 45.659, 276.408
CIE-LUV	70.613, -25.139, -74.274
Hunter-Lab	64.519, 1.098, -47.159
Binary	01111010, 10101110, 11111111

#7aaeff
```
#7aaeff rgb(122,174,255)
```
#ffcb7a
```
#ffcb7a rgb(255,203,122)
```

Complementary Color

#7af1ff
```
#7af1ff rgb(122,241,255)
```
#7aaeff
```
#7aaeff rgb(122,174,255)
```
#897aff
```
#897aff rgb(137,122,255)
```

Analogous Color

#f1ff7a
```
#f1ff7a rgb(241,255,122)
```
#7aaeff
```
#7aaeff rgb(122,174,255)
```
#ff897a
```
#ff897a rgb(255,137,122)
```

Split Complementary Color

#aeff7a
```
#aeff7a rgb(174,255,122)
```
#7aaeff
```
#7aaeff rgb(122,174,255)
```
#ff7aae
```
#ff7aae rgb(255,122,174)
```

Triadic Color

#7affcb
```
#7affcb rgb(122,255,203)
```
#7aaeff
```
#7aaeff rgb(122,174,255)
```
#ff7aae
```
#ff7aae rgb(255,122,174)
```
#ffcb7a
```
#ffcb7a rgb(255,203,122)
```

Tetradic Color

#2e7fff
```
#2e7fff rgb(46,127,255)
```
#478fff
```
#478fff rgb(71,143,255)
```
#619eff
```
#619eff rgb(97,158,255)
```
#7aaeff
```
#7aaeff rgb(122,174,255)
```
#94beff
```
#94beff rgb(148,190,255)
```
#adcdff
```
#adcdff rgb(173,205,255)
```
#c7ddff
```
#c7ddff rgb(199,221,255)
```

Monochromatic Color

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

#7acfff
```
#7acfff rgb(122,207,255)
```
#7ac4ff
```
#7ac4ff rgb(122,196,255)
```
#7ab9ff
```
#7ab9ff rgb(122,185,255)
```
#7aaeff
```
#7aaeff rgb(122,174,255)
```
#7aa3ff
```
#7aa3ff rgb(122,163,255)
```
#7a98ff
```
#7a98ff rgb(122,152,255)
```
#7a8dff
```
#7a8dff rgb(122,141,255)
```

Similar Colors

Text with hexadecimal color #7aaeff

This text has a font color of #7aaeff.

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

#7aaeff background color

This paragraph has a background color of #7aaeff.

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

#7aaeff border color

This element has a border color of #7aaeff.

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

CSS codes

.text {color:#7aaeff;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000918
```
#000918 rgb(0,9,24)
```
#00112c
```
#00112c rgb(0,17,44)
```
#00193f
```
#00193f rgb(0,25,63)
```
#002053
```
#002053 rgb(0,32,83)
```
#002866
```
#002866 rgb(0,40,102)
```
#00307a
```
#00307a rgb(0,48,122)
```
#00378e
```
#00378e rgb(0,55,142)
```
#003fa1
```
#003fa1 rgb(0,63,161)
```
#0047b5
```
#0047b5 rgb(0,71,181)
```
#004ec8
```
#004ec8 rgb(0,78,200)
```
#0056dc
```
#0056dc rgb(0,86,220)
```
#005ef0
```
#005ef0 rgb(0,94,240)
```

Shade Color Variation

#0466ff
```
#0466ff rgb(4,102,255)
```
#1872ff
```
#1872ff rgb(24,114,255)
```
#2c7eff
```
#2c7eff rgb(44,126,255)
```
#3f8aff
```
#3f8aff rgb(63,138,255)
```
#5396ff
```
#5396ff rgb(83,150,255)
```
#66a2ff
```
#66a2ff rgb(102,162,255)
```
#7aaeff
```
#7aaeff rgb(122,174,255)
```
#8ebaff
```
#8ebaff rgb(142,186,255)
```
#a1c6ff
```
#a1c6ff rgb(161,198,255)
```
#b5d2ff
```
#b5d2ff rgb(181,210,255)
```
#c8deff
```
#c8deff rgb(200,222,255)
```
#dceaff
```
#dceaff rgb(220,234,255)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#b7bbc2
```
#b7bbc2 rgb(183,187,194)
```
#b2bac7
```
#b2bac7 rgb(178,186,199)
```
#adb9cc
```
#adb9cc rgb(173,185,204)
```
#a8b8d1
```
#a8b8d1 rgb(168,184,209)
```
#a3b7d6
```
#a3b7d6 rgb(163,183,214)
```
#9eb6db
```
#9eb6db rgb(158,182,219)
```
#99b5e0
```
#99b5e0 rgb(153,181,224)
```
#94b4e5
```
#94b4e5 rgb(148,180,229)
```
#8eb2eb
```
#8eb2eb rgb(142,178,235)
```
#89b1f0
```
#89b1f0 rgb(137,177,240)
```
#84b0f5
```
#84b0f5 rgb(132,176,245)
```
#7faffa
```
#7faffa rgb(127,175,250)
```
#7aaeff
```
#7aaeff rgb(122,174,255)
```

Tone Color Variation

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

Dichromacy

#94aefc Protanopia 1% of men
#8ab0ff Deuteranopia 1% of men
#69bdca Tritanopia 0.001% of the population

Trichromacy

#8baefd Protanomaly 1% of men, 0.01% of women
#84afff Deuteranomaly 6% of men, 0.4% of women
#6fb7dd Tritanomaly 0.01% of the population

#7aaeff hex color

#7aaeff Color Information

#7aaeff Color Conversion

Color Schemes with #7aaeff

Alternatives to #7aaeff

#7aaeff Preview

Shades and Tints of #7aaeff

Tones of #7aaeff

Color Blindness Simulator