#7aa1fa hex color

In a RGB color space, hex #7aa1fa is composed of 47.8% red, 63.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 35.6% magenta, 0% yellow and 2% black. It has a hue angle of 221.7 degrees, a saturation of 92.8% and a lightness of 72.9%. #7aa1fa color hex could be obtained by blending #f4ffff with #0043f5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 63
- B 98
RGB color chart
- C 51
- M 36
- Y 0
- K 2
CMYK color chart

● #7aa1fa color description : Soft blue.

The hexadecimal color #7aa1fa has RGB values of R:122, G:161, B:250 and CMYK values of C:0.51, M:0.36, Y:0, K:0.02. Its decimal value is 8036858.

Hex triplet	7aa1fa	`#7aa1fa`
RGB Decimal	122, 161, 250	`rgb(122,161,250)`
RGB Percent	47.8, 63.1, 98	`rgb(47.8%,63.1%,98%)`
CMYK	51, 36, 0, 2
HSL	221.7°, 92.8, 72.9	`hsl(221.7,92.8%,72.9%)`
HSV (or HSB)	221.7°, 51.2, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.921, 10.996, -48.467
XYZ	38.023, 36.528, 95.484
xyY	0.224, 0.215, 36.528
CIE-LCH	66.921, 49.699, 282.783
CIE-LUV	66.921, -20.447, -79.602
Hunter-Lab	60.438, 6.53, -51.364
Binary	01111010, 10100001, 11111010

#7aa1fa
```
#7aa1fa rgb(122,161,250)
```
#fad37a
```
#fad37a rgb(250,211,122)
```

Complementary Color

#7ae1fa
```
#7ae1fa rgb(122,225,250)
```
#7aa1fa
```
#7aa1fa rgb(122,161,250)
```
#937afa
```
#937afa rgb(147,122,250)
```

Analogous Color

#e1fa7a
```
#e1fa7a rgb(225,250,122)
```
#7aa1fa
```
#7aa1fa rgb(122,161,250)
```
#fa937a
```
#fa937a rgb(250,147,122)
```

Split Complementary Color

#a1fa7a
```
#a1fa7a rgb(161,250,122)
```
#7aa1fa
```
#7aa1fa rgb(122,161,250)
```
#fa7aa1
```
#fa7aa1 rgb(250,122,161)
```

Triadic Color

#7afad3
```
#7afad3 rgb(122,250,211)
```
#7aa1fa
```
#7aa1fa rgb(122,161,250)
```
#fa7aa1
```
#fa7aa1 rgb(250,122,161)
```
#fad37a
```
#fad37a rgb(250,211,122)
```

Tetradic Color

#306df7
```
#306df7 rgb(48,109,247)
```
#497ef8
```
#497ef8 rgb(73,126,248)
```
#6190f9
```
#6190f9 rgb(97,144,249)
```
#7aa1fa
```
#7aa1fa rgb(122,161,250)
```
#93b2fb
```
#93b2fb rgb(147,178,251)
```
#abc4fc
```
#abc4fc rgb(171,196,252)
```
#c4d5fd
```
#c4d5fd rgb(196,213,253)
```

Monochromatic Color

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

#7ac1fa
```
#7ac1fa rgb(122,193,250)
```
#7ab6fa
```
#7ab6fa rgb(122,182,250)
```
#7aacfa
```
#7aacfa rgb(122,172,250)
```
#7aa1fa
```
#7aa1fa rgb(122,161,250)
```
#7a96fa
```
#7a96fa rgb(122,150,250)
```
#7a8cfa
```
#7a8cfa rgb(122,140,250)
```
#7a81fa
```
#7a81fa rgb(122,129,250)
```

Similar Colors

Text with hexadecimal color #7aa1fa

This text has a font color of #7aa1fa.

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

#7aa1fa background color

This paragraph has a background color of #7aa1fa.

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

#7aa1fa border color

This element has a border color of #7aa1fa.

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

CSS codes

.text {color:#7aa1fa;}

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

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

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

#010612
```
#010612 rgb(1,6,18)
```
#010c25
```
#010c25 rgb(1,12,37)
```
#021338
```
#021338 rgb(2,19,56)
```
#03194b
```
#03194b rgb(3,25,75)
```
#041f5e
```
#041f5e rgb(4,31,94)
```
#042571
```
#042571 rgb(4,37,113)
```
#052c84
```
#052c84 rgb(5,44,132)
```
#063297
```
#063297 rgb(6,50,151)
```
#0638a9
```
#0638a9 rgb(6,56,169)
```
#073ebc
```
#073ebc rgb(7,62,188)
```
#0845cf
```
#0845cf rgb(8,69,207)
```
#094be2
```
#094be2 rgb(9,75,226)
```
#0951f5
```
#0951f5 rgb(9,81,245)
```

Shade Color Variation

#1b5ef6
```
#1b5ef6 rgb(27,94,246)
```
#2e6cf7
```
#2e6cf7 rgb(46,108,247)
```
#4179f8
```
#4179f8 rgb(65,121,248)
```
#5486f9
```
#5486f9 rgb(84,134,249)
```
#6794f9
```
#6794f9 rgb(103,148,249)
```
#7aa1fa
```
#7aa1fa rgb(122,161,250)
```
#8daefb
```
#8daefb rgb(141,174,251)
```
#a0bcfb
```
#a0bcfb rgb(160,188,251)
```
#b3c9fc
```
#b3c9fc rgb(179,201,252)
```
#c6d6fd
```
#c6d6fd rgb(198,214,253)
```
#d9e4fe
```
#d9e4fe rgb(217,228,254)
```
#ebf1fe
```
#ebf1fe rgb(235,241,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#bababa
```
#bababa rgb(186,186,186)
```
#b4b8c0
```
#b4b8c0 rgb(180,184,192)
```
#afb6c5
```
#afb6c5 rgb(175,182,197)
```
#aab4ca
```
#aab4ca rgb(170,180,202)
```
#a4b2d0
```
#a4b2d0 rgb(164,178,208)
```
#9fb0d5
```
#9fb0d5 rgb(159,176,213)
```
#9aadda
```
#9aadda rgb(154,173,218)
```
#95abdf
```
#95abdf rgb(149,171,223)
```
#8fa9e5
```
#8fa9e5 rgb(143,169,229)
```
#8aa7ea
```
#8aa7ea rgb(138,167,234)
```
#85a5ef
```
#85a5ef rgb(133,165,239)
```
#7fa3f5
```
#7fa3f5 rgb(127,163,245)
```
#7aa1fa
```
#7aa1fa rgb(122,161,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#989fb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a4f9 Protanopia 1% of men
#79a7f9 Deuteranopia 1% of men
#67b2bf Tritanopia 0.001% of the population

Trichromacy

#81a3f9 Protanomaly 1% of men, 0.01% of women
#79a5f9 Deuteranomaly 6% of men, 0.4% of women
#6eacd4 Tritanomaly 0.01% of the population

#7aa1fa hex color

#7aa1fa Color Information

#7aa1fa Color Conversion

Color Schemes with #7aa1fa

Alternatives to #7aa1fa

#7aa1fa Preview

Shades and Tints of #7aa1fa

Tones of #7aa1fa

Color Blindness Simulator