#7aa1ec hex color

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

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

● #7aa1ec color description : Soft blue.

The hexadecimal color #7aa1ec has RGB values of R:122, G:161, B:236 and CMYK values of C:0.48, M:0.32, Y:0, K:0.07. Its decimal value is 8036844.

Hex triplet	7aa1ec	`#7aa1ec`
RGB Decimal	122, 161, 236	`rgb(122,161,236)`
RGB Percent	47.8, 63.1, 92.5	`rgb(47.8%,63.1%,92.5%)`
CMYK	48, 32, 0, 7
HSL	219.5°, 75, 70.2	`hsl(219.5,75%,70.2%)`
HSV (or HSB)	219.5°, 48.3, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.276, 6.816, -41.827
XYZ	35.908, 35.682, 84.347
xyY	0.23, 0.229, 35.682
CIE-LCH	66.276, 42.379, 279.256
CIE-LUV	66.276, -20.305, -67.8
Hunter-Lab	59.734, 2.766, -41.906
Binary	01111010, 10100001, 11101100

#7aa1ec
```
#7aa1ec rgb(122,161,236)
```
#ecc57a
```
#ecc57a rgb(236,197,122)
```

Complementary Color

#7adaec
```
#7adaec rgb(122,218,236)
```
#7aa1ec
```
#7aa1ec rgb(122,161,236)
```
#8c7aec
```
#8c7aec rgb(140,122,236)
```

Analogous Color

#daec7a
```
#daec7a rgb(218,236,122)
```
#7aa1ec
```
#7aa1ec rgb(122,161,236)
```
#ec8c7a
```
#ec8c7a rgb(236,140,122)
```

Split Complementary Color

#a1ec7a
```
#a1ec7a rgb(161,236,122)
```
#7aa1ec
```
#7aa1ec rgb(122,161,236)
```
#ec7aa1
```
#ec7aa1 rgb(236,122,161)
```

Triadic Color

#7aecc5
```
#7aecc5 rgb(122,236,197)
```
#7aa1ec
```
#7aa1ec rgb(122,161,236)
```
#ec7aa1
```
#ec7aa1 rgb(236,122,161)
```
#ecc57a
```
#ecc57a rgb(236,197,122)
```

Tetradic Color

#3772e2
```
#3772e2 rgb(55,114,226)
```
#4d81e6
```
#4d81e6 rgb(77,129,230)
```
#6491e9
```
#6491e9 rgb(100,145,233)
```
#7aa1ec
```
#7aa1ec rgb(122,161,236)
```
#90b1ef
```
#90b1ef rgb(144,177,239)
```
#a7c1f2
```
#a7c1f2 rgb(167,193,242)
```
#bdd0f6
```
#bdd0f6 rgb(189,208,246)
```

Monochromatic Color

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

#7abeec
```
#7abeec rgb(122,190,236)
```
#7ab4ec
```
#7ab4ec rgb(122,180,236)
```
#7aabec
```
#7aabec rgb(122,171,236)
```
#7aa1ec
```
#7aa1ec rgb(122,161,236)
```
#7a98ec
```
#7a98ec rgb(122,152,236)
```
#7a8eec
```
#7a8eec rgb(122,142,236)
```
#7a85ec
```
#7a85ec rgb(122,133,236)
```

Similar Colors

Text with hexadecimal color #7aa1ec

This text has a font color of #7aa1ec.

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

#7aa1ec background color

This paragraph has a background color of #7aa1ec.

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

#7aa1ec border color

This element has a border color of #7aa1ec.

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

CSS codes

.text {color:#7aa1ec;}

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

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

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)
```
#030915
```
#030915 rgb(3,9,21)
```
#061127
```
#061127 rgb(6,17,39)
```
#081838
```
#081838 rgb(8,24,56)
```
#0a2049
```
#0a2049 rgb(10,32,73)
```
#0d275a
```
#0d275a rgb(13,39,90)
```
#0f2f6b
```
#0f2f6b rgb(15,47,107)
```
#12367c
```
#12367c rgb(18,54,124)
```
#143e8e
```
#143e8e rgb(20,62,142)
```
#17459f
```
#17459f rgb(23,69,159)
```
#194db0
```
#194db0 rgb(25,77,176)
```
#1c54c1
```
#1c54c1 rgb(28,84,193)
```
#1e5cd2
```
#1e5cd2 rgb(30,92,210)
```

Shade Color Variation

#2464e0
```
#2464e0 rgb(36,100,224)
```
#3570e2
```
#3570e2 rgb(53,112,226)
```
#477de5
```
#477de5 rgb(71,125,229)
```
#5889e7
```
#5889e7 rgb(88,137,231)
```
#6995ea
```
#6995ea rgb(105,149,234)
```
#7aa1ec
```
#7aa1ec rgb(122,161,236)
```
#8badee
```
#8badee rgb(139,173,238)
```
#9cb9f1
```
#9cb9f1 rgb(156,185,241)
```
#adc5f3
```
#adc5f3 rgb(173,197,243)
```
#bfd2f6
```
#bfd2f6 rgb(191,210,246)
```
#d0def8
```
#d0def8 rgb(208,222,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 #689bfe is the most saturated one.

#afb2b7
```
#afb2b7 rgb(175,178,183)
```
#a9b0bd
```
#a9b0bd rgb(169,176,189)
```
#a3aec3
```
#a3aec3 rgb(163,174,195)
```
#9dacc9
```
#9dacc9 rgb(157,172,201)
```
#97aacf
```
#97aacf rgb(151,170,207)
```
#91a8d5
```
#91a8d5 rgb(145,168,213)
```
#8ca7da
```
#8ca7da rgb(140,167,218)
```
#86a5e0
```
#86a5e0 rgb(134,165,224)
```
#80a3e6
```
#80a3e6 rgb(128,163,230)
```
#7aa1ec
```
#7aa1ec rgb(122,161,236)
```
#749ff2
```
#749ff2 rgb(116,159,242)
```
#6e9df8
```
#6e9df8 rgb(110,157,248)
```
#689bfe
```
#689bfe rgb(104,155,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#979fae Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca3eb Protanopia 1% of men
#84a5ed Deuteranopia 1% of men
#6dafbc Tritanopia 0.001% of the population

Trichromacy

#85a2eb Protanomaly 1% of men, 0.01% of women
#80a3ec Deuteranomaly 6% of men, 0.4% of women
#72aacd Tritanomaly 0.01% of the population

#7aa1ec hex color

#7aa1ec Color Information

#7aa1ec Color Conversion

Color Schemes with #7aa1ec

Alternatives to #7aa1ec

#7aa1ec Preview

Shades and Tints of #7aa1ec

Tones of #7aa1ec

Color Blindness Simulator