#7aabbd hex color

In a RGB color space, hex #7aabbd is composed of 47.8% red, 67.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 9.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 196.1 degrees, a saturation of 33.7% and a lightness of 61%. #7aabbd color hex could be obtained by blending #f4ffff with #00577b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 67
- B 74
RGB color chart
- C 35
- M 10
- Y 0
- K 26
CMYK color chart

● #7aabbd color description : Slightly desaturated blue.

The hexadecimal color #7aabbd has RGB values of R:122, G:171, B:189 and CMYK values of C:0.35, M:0.1, Y:0, K:0.26. Its decimal value is 8039357.

Hex triplet	7aabbd	`#7aabbd`
RGB Decimal	122, 171, 189	`rgb(122,171,189)`
RGB Percent	47.8, 67.1, 74.1	`rgb(47.8%,67.1%,74.1%)`
CMYK	35, 10, 0, 26
HSL	196.1°, 33.7, 61	`hsl(196.1,33.7%,61%)`
HSV (or HSB)	196.1°, 35.4, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.229, -11.739, -14.416
XYZ	31.772, 36.936, 53.597
xyY	0.26, 0.302, 36.936
CIE-LCH	67.229, 18.591, 230.845
CIE-LUV	67.229, -24.138, -20.177
Hunter-Lab	60.775, -13.04, -9.744
Binary	01111010, 10101011, 10111101

#7aabbd
```
#7aabbd rgb(122,171,189)
```
#bd8c7a
```
#bd8c7a rgb(189,140,122)
```

Complementary Color

#7abdae
```
#7abdae rgb(122,189,174)
```
#7aabbd
```
#7aabbd rgb(122,171,189)
```
#7a8abd
```
#7a8abd rgb(122,138,189)
```

Analogous Color

#bdae7a
```
#bdae7a rgb(189,174,122)
```
#7aabbd
```
#7aabbd rgb(122,171,189)
```
#bd7a8a
```
#bd7a8a rgb(189,122,138)
```

Split Complementary Color

#abbd7a
```
#abbd7a rgb(171,189,122)
```
#7aabbd
```
#7aabbd rgb(122,171,189)
```
#bd7aab
```
#bd7aab rgb(189,122,171)
```

Triadic Color

#7abd8c
```
#7abd8c rgb(122,189,140)
```
#7aabbd
```
#7aabbd rgb(122,171,189)
```
#bd7aab
```
#bd7aab rgb(189,122,171)
```
#bd8c7a
```
#bd8c7a rgb(189,140,122)
```

Tetradic Color

#4e889d
```
#4e889d rgb(78,136,157)
```
#5895ac
```
#5895ac rgb(88,149,172)
```
#69a0b5
```
#69a0b5 rgb(105,160,181)
```
#7aabbd
```
#7aabbd rgb(122,171,189)
```
#8bb6c5
```
#8bb6c5 rgb(139,182,197)
```
#9cc1ce
```
#9cc1ce rgb(156,193,206)
```
#adcbd6
```
#adcbd6 rgb(173,203,214)
```

Monochromatic Color

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

#7abcbd
```
#7abcbd rgb(122,188,189)
```
#7ab6bd
```
#7ab6bd rgb(122,182,189)
```
#7ab1bd
```
#7ab1bd rgb(122,177,189)
```
#7aabbd
```
#7aabbd rgb(122,171,189)
```
#7aa5bd
```
#7aa5bd rgb(122,165,189)
```
#7aa0bd
```
#7aa0bd rgb(122,160,189)
```
#7a9abd
```
#7a9abd rgb(122,154,189)
```

Similar Colors

Text with hexadecimal color #7aabbd

This text has a font color of #7aabbd.

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

#7aabbd background color

This paragraph has a background color of #7aabbd.

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

#7aabbd border color

This element has a border color of #7aabbd.

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

CSS codes

.text {color:#7aabbd;}

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

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

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, #060a0b is the darkest color, while #fdfefe is the lightest one.

#060a0b
```
#060a0b rgb(6,10,11)
```
#0c1518
```
#0c1518 rgb(12,21,24)
```
#132025
```
#132025 rgb(19,32,37)
```
#192c33
```
#192c33 rgb(25,44,51)
```
#203740
```
#203740 rgb(32,55,64)
```
#26424d
```
#26424d rgb(38,66,77)
```
#2d4e5a
```
#2d4e5a rgb(45,78,90)
```
#335967
```
#335967 rgb(51,89,103)
```
#3a6474
```
#3a6474 rgb(58,100,116)
```
#407081
```
#407081 rgb(64,112,129)
```
#477b8e
```
#477b8e rgb(71,123,142)
```
#4d869b
```
#4d869b rgb(77,134,155)
```
#5492a9
```
#5492a9 rgb(84,146,169)
```

Shade Color Variation

#609ab0
```
#609ab0 rgb(96,154,176)
```
#6da3b6
```
#6da3b6 rgb(109,163,182)
```
#7aabbd
```
#7aabbd rgb(122,171,189)
```
#87b3c4
```
#87b3c4 rgb(135,179,196)
```
#94bcca
```
#94bcca rgb(148,188,202)
```
#a1c4d1
```
#a1c4d1 rgb(161,196,209)
```
#aeccd7
```
#aeccd7 rgb(174,204,215)
```
#bcd4de
```
#bcd4de rgb(188,212,222)
```
#c9dde4
```
#c9dde4 rgb(201,221,228)
```
#d6e5eb
```
#d6e5eb rgb(214,229,235)
```
#e3edf1
```
#e3edf1 rgb(227,237,241)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999d9e is the less saturated color, while #3dc7fa is the most saturated one.

#999d9e
```
#999d9e rgb(153,157,158)
```
#91a0a6
```
#91a0a6 rgb(145,160,166)
```
#89a4ae
```
#89a4ae rgb(137,164,174)
```
#82a7b5
```
#82a7b5 rgb(130,167,181)
```
#7aabbd
```
#7aabbd rgb(122,171,189)
```
#72afc5
```
#72afc5 rgb(114,175,197)
```
#6bb2cc
```
#6bb2cc rgb(107,178,204)
```
#63b6d4
```
#63b6d4 rgb(99,182,212)
```
#5bb9dc
```
#5bb9dc rgb(91,185,220)
```
#54bde3
```
#54bde3 rgb(84,189,227)
```
#4cc0eb
```
#4cc0eb rgb(76,192,235)
```
#44c4f3
```
#44c4f3 rgb(68,196,243)
```
#3dc7fa
```
#3dc7fa rgb(61,199,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#97a1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a7bb Protanopia 1% of men
#a9a4c4 Deuteranopia 1% of men
#7fb0bc Tritanopia 0.001% of the population

Trichromacy

#95a8bc Protanomaly 1% of men, 0.01% of women
#98a7c1 Deuteranomaly 6% of men, 0.4% of women
#7daebc Tritanomaly 0.01% of the population

#7aabbd hex color

#7aabbd Color Information

#7aabbd Color Conversion

Color Schemes with #7aabbd

Alternatives to #7aabbd

#7aabbd Preview

Shades and Tints of #7aabbd

Tones of #7aabbd

Color Blindness Simulator