#7aa1dc hex color

In a RGB color space, hex #7aa1dc is composed of 47.8% red, 63.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 44.5% cyan, 26.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 216.1 degrees, a saturation of 58.3% and a lightness of 67.1%. #7aa1dc color hex could be obtained by blending #f4ffff with #0043b9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 63
- B 86
RGB color chart
- C 45
- M 27
- Y 0
- K 14
CMYK color chart

● #7aa1dc color description : Very soft blue.

The hexadecimal color #7aa1dc has RGB values of R:122, G:161, B:220 and CMYK values of C:0.45, M:0.27, Y:0, K:0.14. Its decimal value is 8036828.

Hex triplet	7aa1dc	`#7aa1dc`
RGB Decimal	122, 161, 220	`rgb(122,161,220)`
RGB Percent	47.8, 63.1, 86.3	`rgb(47.8%,63.1%,86.3%)`
CMYK	45, 27, 0, 14
HSL	216.1°, 58.3, 67.1	`hsl(216.1,58.3%,67.1%)`
HSV (or HSB)	216.1°, 44.5, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.587, 2.172, -34.095
XYZ	33.686, 34.793, 72.647
xyY	0.239, 0.247, 34.793
CIE-LCH	65.587, 34.164, 273.645
CIE-LUV	65.587, -20.159, -54.156
Hunter-Lab	58.986, -1.285, -31.732
Binary	01111010, 10100001, 11011100

#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#dcb57a
```
#dcb57a rgb(220,181,122)
```

Complementary Color

#7ad2dc
```
#7ad2dc rgb(122,210,220)
```
#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#847adc
```
#847adc rgb(132,122,220)
```

Analogous Color

#d2dc7a
```
#d2dc7a rgb(210,220,122)
```
#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#dc847a
```
#dc847a rgb(220,132,122)
```

Split Complementary Color

#a1dc7a
```
#a1dc7a rgb(161,220,122)
```
#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#dc7aa1
```
#dc7aa1 rgb(220,122,161)
```

Triadic Color

#7adcb5
```
#7adcb5 rgb(122,220,181)
```
#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#dc7aa1
```
#dc7aa1 rgb(220,122,161)
```
#dcb57a
```
#dcb57a rgb(220,181,122)
```

Tetradic Color

#3d76cc
```
#3d76cc rgb(61,118,204)
```
#5284d1
```
#5284d1 rgb(82,132,209)
```
#6693d7
```
#6693d7 rgb(102,147,215)
```
#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#8eafe1
```
#8eafe1 rgb(142,175,225)
```
#a2bee7
```
#a2bee7 rgb(162,190,231)
```
#b7ccec
```
#b7ccec rgb(183,204,236)
```

Monochromatic Color

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

#7abadc
```
#7abadc rgb(122,186,220)
```
#7ab1dc
```
#7ab1dc rgb(122,177,220)
```
#7aa9dc
```
#7aa9dc rgb(122,169,220)
```
#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#7a99dc
```
#7a99dc rgb(122,153,220)
```
#7a91dc
```
#7a91dc rgb(122,145,220)
```
#7a89dc
```
#7a89dc rgb(122,137,220)
```

Similar Colors

Text with hexadecimal color #7aa1dc

This text has a font color of #7aa1dc.

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

#7aa1dc background color

This paragraph has a background color of #7aa1dc.

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

#7aa1dc border color

This element has a border color of #7aa1dc.

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

CSS codes

.text {color:#7aa1dc;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#060c16
```
#060c16 rgb(6,12,22)
```
#0a1526
```
#0a1526 rgb(10,21,38)
```
#0e1e35
```
#0e1e35 rgb(14,30,53)
```
#122645
```
#122645 rgb(18,38,69)
```
#162f54
```
#162f54 rgb(22,47,84)
```
#1a3864
```
#1a3864 rgb(26,56,100)
```
#1e4073
```
#1e4073 rgb(30,64,115)
```
#224983
```
#224983 rgb(34,73,131)
```
#275293
```
#275293 rgb(39,82,147)
```
#2b5aa2
```
#2b5aa2 rgb(43,90,162)
```
#2f63b2
```
#2f63b2 rgb(47,99,178)
```
#336bc1
```
#336bc1 rgb(51,107,193)
```

Shade Color Variation

#3c75cc
```
#3c75cc rgb(60,117,204)
```
#4b80d0
```
#4b80d0 rgb(75,128,208)
```
#5b8bd4
```
#5b8bd4 rgb(91,139,212)
```
#6a96d8
```
#6a96d8 rgb(106,150,216)
```
#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#8aace0
```
#8aace0 rgb(138,172,224)
```
#99b7e4
```
#99b7e4 rgb(153,183,228)
```
#a9c2e8
```
#a9c2e8 rgb(169,194,232)
```
#b8cdec
```
#b8cdec rgb(184,205,236)
```
#c8d8f0
```
#c8d8f0 rgb(200,216,240)
```
#d7e3f5
```
#d7e3f5 rgb(215,227,245)
```
#e7eef9
```
#e7eef9 rgb(231,238,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#a7aaaf
```
#a7aaaf rgb(167,170,175)
```
#a1a9b5
```
#a1a9b5 rgb(161,169,181)
```
#9aa8bc
```
#9aa8bc rgb(154,168,188)
```
#94a6c2
```
#94a6c2 rgb(148,166,194)
```
#8da5c9
```
#8da5c9 rgb(141,165,201)
```
#87a4cf
```
#87a4cf rgb(135,164,207)
```
#80a2d6
```
#80a2d6 rgb(128,162,214)
```
#7aa1dc
```
#7aa1dc rgb(122,161,220)
```
#74a0e2
```
#74a0e2 rgb(116,160,226)
```
#6d9ee9
```
#6d9ee9 rgb(109,158,233)
```
#679def
```
#679def rgb(103,157,239)
```
#609cf6
```
#609cf6 rgb(96,156,246)
```
#5a9afc
```
#5a9afc rgb(90,154,252)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#959da9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a2db Protanopia 1% of men
#8ea2df Deuteranopia 1% of men
#73adb9 Tritanopia 0.001% of the population

Trichromacy

#89a1db Protanomaly 1% of men, 0.01% of women
#87a2dd Deuteranomaly 6% of men, 0.4% of women
#76a8c6 Tritanomaly 0.01% of the population

#7aa1dc hex color

#7aa1dc Color Information

#7aa1dc Color Conversion

Color Schemes with #7aa1dc

Alternatives to #7aa1dc

#7aa1dc Preview

Shades and Tints of #7aa1dc

Tones of #7aa1dc

Color Blindness Simulator