#7aa0dc hex color

In a RGB color space, hex #7aa0dc is composed of 47.8% red, 62.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 44.5% cyan, 27.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 216.7 degrees, a saturation of 58.3% and a lightness of 67.1%. #7aa0dc color hex could be obtained by blending #f4ffff with #0041b9. 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

● #7aa0dc color description : Very soft blue.

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

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

CIE-LAB	65.314, 2.738, -34.519
XYZ	33.512, 34.445, 72.589
xyY	0.238, 0.245, 34.445
CIE-LCH	65.314, 34.628, 274.535
CIE-LUV	65.314, -19.772, -54.901
Hunter-Lab	58.69, -0.783, -32.248
Binary	01111010, 10100000, 11011100

#7aa0dc
```
#7aa0dc rgb(122,160,220)
```
#dcb67a
```
#dcb67a rgb(220,182,122)
```

Complementary Color

#7ad1dc
```
#7ad1dc rgb(122,209,220)
```
#7aa0dc
```
#7aa0dc rgb(122,160,220)
```
#857adc
```
#857adc rgb(133,122,220)
```

Analogous Color

#d1dc7a
```
#d1dc7a rgb(209,220,122)
```
#7aa0dc
```
#7aa0dc rgb(122,160,220)
```
#dc857a
```
#dc857a rgb(220,133,122)
```

Split Complementary Color

#a0dc7a
```
#a0dc7a rgb(160,220,122)
```
#7aa0dc
```
#7aa0dc rgb(122,160,220)
```
#dc7aa0
```
#dc7aa0 rgb(220,122,160)
```

Triadic Color

#7adcb6
```
#7adcb6 rgb(122,220,182)
```
#7aa0dc
```
#7aa0dc rgb(122,160,220)
```
#dc7aa0
```
#dc7aa0 rgb(220,122,160)
```
#dcb67a
```
#dcb67a rgb(220,182,122)
```

Tetradic Color

#3d75cc
```
#3d75cc rgb(61,117,204)
```
#5283d1
```
#5283d1 rgb(82,131,209)
```
#6692d7
```
#6692d7 rgb(102,146,215)
```
#7aa0dc
```
#7aa0dc rgb(122,160,220)
```
#8eaee1
```
#8eaee1 rgb(142,174,225)
```
#a2bde7
```
#a2bde7 rgb(162,189,231)
```
#b7cbec
```
#b7cbec rgb(183,203,236)
```

Monochromatic Color

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

#7ab9dc
```
#7ab9dc rgb(122,185,220)
```
#7ab0dc
```
#7ab0dc rgb(122,176,220)
```
#7aa8dc
```
#7aa8dc rgb(122,168,220)
```
#7aa0dc
```
#7aa0dc rgb(122,160,220)
```
#7a98dc
```
#7a98dc rgb(122,152,220)
```
#7a90dc
```
#7a90dc rgb(122,144,220)
```
#7a88dc
```
#7a88dc rgb(122,136,220)
```

Similar Colors

Text with hexadecimal color #7aa0dc

This text has a font color of #7aa0dc.

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

#7aa0dc background color

This paragraph has a background color of #7aa0dc.

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

#7aa0dc border color

This element has a border color of #7aa0dc.

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

CSS codes

.text {color:#7aa0dc;}

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

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

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)
```
#0e1d35
```
#0e1d35 rgb(14,29,53)
```
#122645
```
#122645 rgb(18,38,69)
```
#162e54
```
#162e54 rgb(22,46,84)
```
#1a3764
```
#1a3764 rgb(26,55,100)
```
#1e3f73
```
#1e3f73 rgb(30,63,115)
```
#224883
```
#224883 rgb(34,72,131)
```
#275093
```
#275093 rgb(39,80,147)
```
#2b59a2
```
#2b59a2 rgb(43,89,162)
```
#2f61b2
```
#2f61b2 rgb(47,97,178)
```
#336ac1
```
#336ac1 rgb(51,106,193)
```

Shade Color Variation

#3c74cc
```
#3c74cc rgb(60,116,204)
```
#4b7fd0
```
#4b7fd0 rgb(75,127,208)
```
#5b8ad4
```
#5b8ad4 rgb(91,138,212)
```
#6a95d8
```
#6a95d8 rgb(106,149,216)
```
#7aa0dc
```
#7aa0dc rgb(122,160,220)
```
#8aabe0
```
#8aabe0 rgb(138,171,224)
```
#99b6e4
```
#99b6e4 rgb(153,182,228)
```
#a9c1e8
```
#a9c1e8 rgb(169,193,232)
```
#b8ccec
```
#b8ccec rgb(184,204,236)
```
#c8d7f0
```
#c8d7f0 rgb(200,215,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 #5a99fc is the most saturated one.

#a7aaaf
```
#a7aaaf rgb(167,170,175)
```
#a1a9b5
```
#a1a9b5 rgb(161,169,181)
```
#9aa7bc
```
#9aa7bc rgb(154,167,188)
```
#94a6c2
```
#94a6c2 rgb(148,166,194)
```
#8da4c9
```
#8da4c9 rgb(141,164,201)
```
#87a3cf
```
#87a3cf rgb(135,163,207)
```
#80a1d6
```
#80a1d6 rgb(128,161,214)
```
#7aa0dc
```
#7aa0dc rgb(122,160,220)
```
#749fe2
```
#749fe2 rgb(116,159,226)
```
#6d9de9
```
#6d9de9 rgb(109,157,233)
```
#679cef
```
#679cef rgb(103,156,239)
```
#609af6
```
#609af6 rgb(96,154,246)
```
#5a99fc
```
#5a99fc rgb(90,153,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#949ca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a1db Protanopia 1% of men
#8da2de Deuteranopia 1% of men
#73acb8 Tritanopia 0.001% of the population

Trichromacy

#88a0db Protanomaly 1% of men, 0.01% of women
#86a1dd Deuteranomaly 6% of men, 0.4% of women
#75a7c5 Tritanomaly 0.01% of the population

#7aa0dc hex color

#7aa0dc Color Information

#7aa0dc Color Conversion

Color Schemes with #7aa0dc

Alternatives to #7aa0dc

#7aa0dc Preview

Shades and Tints of #7aa0dc

Tones of #7aa0dc

Color Blindness Simulator