#7aa4ec hex color

In a RGB color space, hex #7aa4ec is composed of 47.8% red, 64.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 30.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 217.9 degrees, a saturation of 75% and a lightness of 70.2%. #7aa4ec color hex could be obtained by blending #f4ffff with #0049d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 64
- B 93
RGB color chart
- C 48
- M 31
- Y 0
- K 7
CMYK color chart

● #7aa4ec color description : Soft blue.

The hexadecimal color #7aa4ec has RGB values of R:122, G:164, B:236 and CMYK values of C:0.48, M:0.31, Y:0, K:0.07. Its decimal value is 8037612.

Hex triplet	7aa4ec	`#7aa4ec`
RGB Decimal	122, 164, 236	`rgb(122,164,236)`
RGB Percent	47.8, 64.3, 92.5	`rgb(47.8%,64.3%,92.5%)`
CMYK	48, 31, 0, 7
HSL	217.9°, 75, 70.2	`hsl(217.9,75%,70.2%)`
HSV (or HSB)	217.9°, 48.3, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.084, 5.107, -40.563
XYZ	36.438, 36.743, 84.524
xyY	0.231, 0.233, 36.743
CIE-LCH	67.084, 40.883, 277.176
CIE-LUV	67.084, -21.42, -65.583
Hunter-Lab	60.616, 1.225, -40.244
Binary	01111010, 10100100, 11101100

#7aa4ec
```
#7aa4ec rgb(122,164,236)
```
#ecc27a
```
#ecc27a rgb(236,194,122)
```

Complementary Color

#7addec
```
#7addec rgb(122,221,236)
```
#7aa4ec
```
#7aa4ec rgb(122,164,236)
```
#897aec
```
#897aec rgb(137,122,236)
```

Analogous Color

#ddec7a
```
#ddec7a rgb(221,236,122)
```
#7aa4ec
```
#7aa4ec rgb(122,164,236)
```
#ec897a
```
#ec897a rgb(236,137,122)
```

Split Complementary Color

#a4ec7a
```
#a4ec7a rgb(164,236,122)
```
#7aa4ec
```
#7aa4ec rgb(122,164,236)
```
#ec7aa4
```
#ec7aa4 rgb(236,122,164)
```

Triadic Color

#7aecc2
```
#7aecc2 rgb(122,236,194)
```
#7aa4ec
```
#7aa4ec rgb(122,164,236)
```
#ec7aa4
```
#ec7aa4 rgb(236,122,164)
```
#ecc27a
```
#ecc27a rgb(236,194,122)
```

Tetradic Color

#3776e2
```
#3776e2 rgb(55,118,226)
```
#4d85e6
```
#4d85e6 rgb(77,133,230)
```
#6495e9
```
#6495e9 rgb(100,149,233)
```
#7aa4ec
```
#7aa4ec rgb(122,164,236)
```
#90b3ef
```
#90b3ef rgb(144,179,239)
```
#a7c3f2
```
#a7c3f2 rgb(167,195,242)
```
#bdd2f6
```
#bdd2f6 rgb(189,210,246)
```

Monochromatic Color

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

#7ac1ec
```
#7ac1ec rgb(122,193,236)
```
#7ab7ec
```
#7ab7ec rgb(122,183,236)
```
#7aaeec
```
#7aaeec rgb(122,174,236)
```
#7aa4ec
```
#7aa4ec rgb(122,164,236)
```
#7a9bec
```
#7a9bec rgb(122,155,236)
```
#7a91ec
```
#7a91ec rgb(122,145,236)
```
#7a88ec
```
#7a88ec rgb(122,136,236)
```

Similar Colors

Text with hexadecimal color #7aa4ec

This text has a font color of #7aa4ec.

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

#7aa4ec background color

This paragraph has a background color of #7aa4ec.

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

#7aa4ec border color

This element has a border color of #7aa4ec.

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

CSS codes

.text {color:#7aa4ec;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030a15
```
#030a15 rgb(3,10,21)
```
#061227
```
#061227 rgb(6,18,39)
```
#081a38
```
#081a38 rgb(8,26,56)
```
#0a2149
```
#0a2149 rgb(10,33,73)
```
#0d295a
```
#0d295a rgb(13,41,90)
```
#0f316b
```
#0f316b rgb(15,49,107)
```
#12397c
```
#12397c rgb(18,57,124)
```
#14418e
```
#14418e rgb(20,65,142)
```
#17499f
```
#17499f rgb(23,73,159)
```
#1951b0
```
#1951b0 rgb(25,81,176)
```
#1c59c1
```
#1c59c1 rgb(28,89,193)
```
#1e60d2
```
#1e60d2 rgb(30,96,210)
```

Shade Color Variation

#2469e0
```
#2469e0 rgb(36,105,224)
```
#3575e2
```
#3575e2 rgb(53,117,226)
```
#4781e5
```
#4781e5 rgb(71,129,229)
```
#588de7
```
#588de7 rgb(88,141,231)
```
#6998ea
```
#6998ea rgb(105,152,234)
```
#7aa4ec
```
#7aa4ec rgb(122,164,236)
```
#8bb0ee
```
#8bb0ee rgb(139,176,238)
```
#9cbbf1
```
#9cbbf1 rgb(156,187,241)
```
#adc7f3
```
#adc7f3 rgb(173,199,243)
```
#bfd3f6
```
#bfd3f6 rgb(191,211,246)
```
#d0dff8
```
#d0dff8 rgb(208,223,248)
```
#e1eafb
```
#e1eafb rgb(225,234,251)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

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

#afb2b7
```
#afb2b7 rgb(175,178,183)
```
#a9b0bd
```
#a9b0bd rgb(169,176,189)
```
#a3afc3
```
#a3afc3 rgb(163,175,195)
```
#9dadc9
```
#9dadc9 rgb(157,173,201)
```
#97accf
```
#97accf rgb(151,172,207)
```
#91aad5
```
#91aad5 rgb(145,170,213)
```
#8ca9da
```
#8ca9da rgb(140,169,218)
```
#86a7e0
```
#86a7e0 rgb(134,167,224)
```
#80a6e6
```
#80a6e6 rgb(128,166,230)
```
#7aa4ec
```
#7aa4ec rgb(122,164,236)
```
#74a2f2
```
#74a2f2 rgb(116,162,242)
```
#6ea1f8
```
#6ea1f8 rgb(110,161,248)
```
#689ffe
```
#689ffe rgb(104,159,254)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#98a1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a5ea Protanopia 1% of men
#88a7ed Deuteranopia 1% of men
#6eb2bf Tritanopia 0.001% of the population

Trichromacy

#88a5eb Protanomaly 1% of men, 0.01% of women
#83a5ed Deuteranomaly 6% of men, 0.4% of women
#72adcf Tritanomaly 0.01% of the population

#7aa4ec hex color

#7aa4ec Color Information

#7aa4ec Color Conversion

Color Schemes with #7aa4ec

Alternatives to #7aa4ec

#7aa4ec Preview

Shades and Tints of #7aa4ec

Tones of #7aa4ec

Color Blindness Simulator