#7aa5cb hex color

In a RGB color space, hex #7aa5cb is composed of 47.8% red, 64.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 18.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 208.1 degrees, a saturation of 43.8% and a lightness of 63.7%. #7aa5cb color hex could be obtained by blending #f4ffff with #004b97. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 65
- B 80
RGB color chart
- C 40
- M 19
- Y 0
- K 20
CMYK color chart

● #7aa5cb color description : Slightly desaturated blue.

The hexadecimal color #7aa5cb has RGB values of R:122, G:165, B:203 and CMYK values of C:0.4, M:0.19, Y:0, K:0.2. Its decimal value is 8037835.

Hex triplet	7aa5cb	`#7aa5cb`
RGB Decimal	122, 165, 203	`rgb(122,165,203)`
RGB Percent	47.8, 64.7, 79.6	`rgb(47.8%,64.7%,79.6%)`
CMYK	40, 19, 0, 20
HSL	208.1°, 43.8, 63.7	`hsl(208.1,43.8%,63.7%)`
HSV (or HSB)	208.1°, 39.9, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.027, -4.795, -24.007
XYZ	32.258, 35.358, 61.622
xyY	0.25, 0.274, 35.358
CIE-LCH	66.027, 24.481, 258.705
CIE-LUV	66.027, -21.648, -36.58
Hunter-Lab	59.463, -7.225, -19.819
Binary	01111010, 10100101, 11001011

#7aa5cb
```
#7aa5cb rgb(122,165,203)
```
#cba07a
```
#cba07a rgb(203,160,122)
```

Complementary Color

#7acbc9
```
#7acbc9 rgb(122,203,201)
```
#7aa5cb
```
#7aa5cb rgb(122,165,203)
```
#7a7dcb
```
#7a7dcb rgb(122,125,203)
```

Analogous Color

#cbc97a
```
#cbc97a rgb(203,201,122)
```
#7aa5cb
```
#7aa5cb rgb(122,165,203)
```
#cb7a7d
```
#cb7a7d rgb(203,122,125)
```

Split Complementary Color

#a5cb7a
```
#a5cb7a rgb(165,203,122)
```
#7aa5cb
```
#7aa5cb rgb(122,165,203)
```
#cb7aa5
```
#cb7aa5 rgb(203,122,165)
```

Triadic Color

#7acba0
```
#7acba0 rgb(122,203,160)
```
#7aa5cb
```
#7aa5cb rgb(122,165,203)
```
#cb7aa5
```
#cb7aa5 rgb(203,122,165)
```
#cba07a
```
#cba07a rgb(203,160,122)
```

Tetradic Color

#4680b3
```
#4680b3 rgb(70,128,179)
```
#558cbd
```
#558cbd rgb(85,140,189)
```
#6899c4
```
#6899c4 rgb(104,153,196)
```
#7aa5cb
```
#7aa5cb rgb(122,165,203)
```
#8cb1d2
```
#8cb1d2 rgb(140,177,210)
```
#9fbed9
```
#9fbed9 rgb(159,190,217)
```
#b1cae1
```
#b1cae1 rgb(177,202,225)
```

Monochromatic Color

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

#7ab9cb
```
#7ab9cb rgb(122,185,203)
```
#7ab3cb
```
#7ab3cb rgb(122,179,203)
```
#7aaccb
```
#7aaccb rgb(122,172,203)
```
#7aa5cb
```
#7aa5cb rgb(122,165,203)
```
#7a9ecb
```
#7a9ecb rgb(122,158,203)
```
#7a98cb
```
#7a98cb rgb(122,152,203)
```
#7a91cb
```
#7a91cb rgb(122,145,203)
```

Similar Colors

Text with hexadecimal color #7aa5cb

This text has a font color of #7aa5cb.

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

#7aa5cb background color

This paragraph has a background color of #7aa5cb.

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

#7aa5cb border color

This element has a border color of #7aa5cb.

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

CSS codes

.text {color:#7aa5cb;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#091016
```
#091016 rgb(9,16,22)
```
#0e1a24
```
#0e1a24 rgb(14,26,36)
```
#142432
```
#142432 rgb(20,36,50)
```
#192e40
```
#192e40 rgb(25,46,64)
```
#1f384f
```
#1f384f rgb(31,56,79)
```
#24425d
```
#24425d rgb(36,66,93)
```
#2a4c6b
```
#2a4c6b rgb(42,76,107)
```
#2f5679
```
#2f5679 rgb(47,86,121)
```
#356087
```
#356087 rgb(53,96,135)
```
#3a6a95
```
#3a6a95 rgb(58,106,149)
```
#4075a3
```
#4075a3 rgb(64,117,163)
```
#457fb1
```
#457fb1 rgb(69,127,177)
```

Shade Color Variation

#5088ba
```
#5088ba rgb(80,136,186)
```
#5e92c0
```
#5e92c0 rgb(94,146,192)
```
#6c9bc5
```
#6c9bc5 rgb(108,155,197)
```
#7aa5cb
```
#7aa5cb rgb(122,165,203)
```
#88afd1
```
#88afd1 rgb(136,175,209)
```
#96b8d6
```
#96b8d6 rgb(150,184,214)
```
#a4c2dc
```
#a4c2dc rgb(164,194,220)
```
#b2cbe1
```
#b2cbe1 rgb(178,203,225)
```
#c1d5e7
```
#c1d5e7 rgb(193,213,231)
```
#cfdeec
```
#cfdeec rgb(207,222,236)
```
#dde8f2
```
#dde8f2 rgb(221,232,242)
```
#ebf1f7
```
#ebf1f7 rgb(235,241,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea3a7 is the less saturated color, while #48a8fd is the most saturated one.

#9ea3a7
```
#9ea3a7 rgb(158,163,167)
```
#96a3af
```
#96a3af rgb(150,163,175)
```
#8fa4b6
```
#8fa4b6 rgb(143,164,182)
```
#88a4bd
```
#88a4bd rgb(136,164,189)
```
#81a5c4
```
#81a5c4 rgb(129,165,196)
```
#7aa5cb
```
#7aa5cb rgb(122,165,203)
```
#73a5d2
```
#73a5d2 rgb(115,165,210)
```
#6ca6d9
```
#6ca6d9 rgb(108,166,217)
```
#65a6e0
```
#65a6e0 rgb(101,166,224)
```
#5ea7e7
```
#5ea7e7 rgb(94,167,231)
```
#56a7ef
```
#56a7ef rgb(86,167,239)
```
#4fa8f6
```
#4fa8f6 rgb(79,168,246)
```
#48a8fd
```
#48a8fd rgb(72,168,253)
```

Tone Color Variation

Below, you can see how #7aa5cb 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
#959ea5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba3c9 Protanopia 1% of men
#9ca2d0 Deuteranopia 1% of men
#7aadb9 Tritanopia 0.001% of the population

Trichromacy

#8fa4ca Protanomaly 1% of men, 0.01% of women
#8fa3ce Deuteranomaly 6% of men, 0.4% of women
#7aaac0 Tritanomaly 0.01% of the population

#7aa5cb hex color

#7aa5cb Color Information

#7aa5cb Color Conversion

Color Schemes with #7aa5cb

Alternatives to #7aa5cb

#7aa5cb Preview

Shades and Tints of #7aa5cb

Tones of #7aa5cb

Color Blindness Simulator