#7aa5dd hex color

In a RGB color space, hex #7aa5dd is composed of 47.8% red, 64.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 25.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 213.9 degrees, a saturation of 59.3% and a lightness of 67.3%. #7aa5dd color hex could be obtained by blending #f4ffff with #004bbb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 65
- B 87
RGB color chart
- C 45
- M 25
- Y 0
- K 13
CMYK color chart

● #7aa5dd color description : Very soft blue.

The hexadecimal color #7aa5dd has RGB values of R:122, G:165, B:221 and CMYK values of C:0.45, M:0.25, Y:0, K:0.13. Its decimal value is 8037853.

Hex triplet	7aa5dd	`#7aa5dd`
RGB Decimal	122, 165, 221	`rgb(122,165,221)`
RGB Percent	47.8, 64.7, 86.7	`rgb(47.8%,64.7%,86.7%)`
CMYK	45, 25, 0, 13
HSL	213.9°, 59.3, 67.3	`hsl(213.9,59.3%,67.3%)`
HSV (or HSB)	213.9°, 44.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.723, 0.203, -32.884
XYZ	34.529, 36.267, 73.583
xyY	0.239, 0.251, 36.267
CIE-LCH	66.723, 32.885, 270.354
CIE-LUV	66.723, -21.718, -52.017
Hunter-Lab	60.222, -3.042, -30.289
Binary	01111010, 10100101, 11011101

#7aa5dd
```
#7aa5dd rgb(122,165,221)
```
#ddb27a
```
#ddb27a rgb(221,178,122)
```

Complementary Color

#7ad7dd
```
#7ad7dd rgb(122,215,221)
```
#7aa5dd
```
#7aa5dd rgb(122,165,221)
```
#817add
```
#817add rgb(129,122,221)
```

Analogous Color

#d7dd7a
```
#d7dd7a rgb(215,221,122)
```
#7aa5dd
```
#7aa5dd rgb(122,165,221)
```
#dd817a
```
#dd817a rgb(221,129,122)
```

Split Complementary Color

#a5dd7a
```
#a5dd7a rgb(165,221,122)
```
#7aa5dd
```
#7aa5dd rgb(122,165,221)
```
#dd7aa5
```
#dd7aa5 rgb(221,122,165)
```

Triadic Color

#7addb2
```
#7addb2 rgb(122,221,178)
```
#7aa5dd
```
#7aa5dd rgb(122,165,221)
```
#dd7aa5
```
#dd7aa5 rgb(221,122,165)
```
#ddb27a
```
#ddb27a rgb(221,178,122)
```

Tetradic Color

#3d7ccd
```
#3d7ccd rgb(61,124,205)
```
#518ad3
```
#518ad3 rgb(81,138,211)
```
#6697d8
```
#6697d8 rgb(102,151,216)
```
#7aa5dd
```
#7aa5dd rgb(122,165,221)
```
#8eb3e2
```
#8eb3e2 rgb(142,179,226)
```
#a3c0e7
```
#a3c0e7 rgb(163,192,231)
```
#b7ceed
```
#b7ceed rgb(183,206,237)
```

Monochromatic Color

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

#7abedd
```
#7abedd rgb(122,190,221)
```
#7ab6dd
```
#7ab6dd rgb(122,182,221)
```
#7aaddd
```
#7aaddd rgb(122,173,221)
```
#7aa5dd
```
#7aa5dd rgb(122,165,221)
```
#7a9ddd
```
#7a9ddd rgb(122,157,221)
```
#7a95dd
```
#7a95dd rgb(122,149,221)
```
#7a8cdd
```
#7a8cdd rgb(122,140,221)
```

Similar Colors

Text with hexadecimal color #7aa5dd

This text has a font color of #7aa5dd.

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

#7aa5dd background color

This paragraph has a background color of #7aa5dd.

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

#7aa5dd border color

This element has a border color of #7aa5dd.

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

CSS codes

.text {color:#7aa5dd;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#060d17
```
#060d17 rgb(6,13,23)
```
#0a1627
```
#0a1627 rgb(10,22,39)
```
#0e2036
```
#0e2036 rgb(14,32,54)
```
#122946
```
#122946 rgb(18,41,70)
```
#163256
```
#163256 rgb(22,50,86)
```
#1a3b65
```
#1a3b65 rgb(26,59,101)
```
#1e4475
```
#1e4475 rgb(30,68,117)
```
#224d85
```
#224d85 rgb(34,77,133)
```
#265694
```
#265694 rgb(38,86,148)
```
#2a5fa4
```
#2a5fa4 rgb(42,95,164)
```
#2e68b3
```
#2e68b3 rgb(46,104,179)
```
#3271c3
```
#3271c3 rgb(50,113,195)
```

Shade Color Variation

#3c7bcd
```
#3c7bcd rgb(60,123,205)
```
#4b85d1
```
#4b85d1 rgb(75,133,209)
```
#5b90d5
```
#5b90d5 rgb(91,144,213)
```
#6a9ad9
```
#6a9ad9 rgb(106,154,217)
```
#7aa5dd
```
#7aa5dd rgb(122,165,221)
```
#8ab0e1
```
#8ab0e1 rgb(138,176,225)
```
#99bae5
```
#99bae5 rgb(153,186,229)
```
#a9c5e9
```
#a9c5e9 rgb(169,197,233)
```
#b8cfed
```
#b8cfed rgb(184,207,237)
```
#c8daf1
```
#c8daf1 rgb(200,218,241)
```
#d8e4f5
```
#d8e4f5 rgb(216,228,245)
```
#e7eff9
```
#e7eff9 rgb(231,239,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#a7abb0
```
#a7abb0 rgb(167,171,176)
```
#a1aab6
```
#a1aab6 rgb(161,170,182)
```
#9aa9bd
```
#9aa9bd rgb(154,169,189)
```
#94a8c3
```
#94a8c3 rgb(148,168,195)
```
#8da8ca
```
#8da8ca rgb(141,168,202)
```
#87a7d0
```
#87a7d0 rgb(135,167,208)
```
#80a6d7
```
#80a6d7 rgb(128,166,215)
```
#7aa5dd
```
#7aa5dd rgb(122,165,221)
```
#74a4e3
```
#74a4e3 rgb(116,164,227)
```
#6da3ea
```
#6da3ea rgb(109,163,234)
```
#67a2f0
```
#67a2f0 rgb(103,162,240)
```
#60a2f7
```
#60a2f7 rgb(96,162,247)
```
#5aa1fd
```
#5aa1fd rgb(90,161,253)
```

Tone Color Variation

Below, you can see how #7aa5dd 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
#98a0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a5db Protanopia 1% of men
#93a5e0 Deuteranopia 1% of men
#74b0bd Tritanopia 0.001% of the population

Trichromacy

#8ca5dc Protanomaly 1% of men, 0.01% of women
#8aa5df Deuteranomaly 6% of men, 0.4% of women
#76acc8 Tritanomaly 0.01% of the population

#7aa5dd hex color

#7aa5dd Color Information

#7aa5dd Color Conversion

Color Schemes with #7aa5dd

Alternatives to #7aa5dd

#7aa5dd Preview

Shades and Tints of #7aa5dd

Tones of #7aa5dd

Color Blindness Simulator