#aaa7bc hex color

In a RGB color space, hex #aaa7bc is composed of 66.7% red, 65.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 11.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 248.6 degrees, a saturation of 13.5% and a lightness of 69.6%. #aaa7bc color hex could be obtained by blending #ffffff with #554f79. Closest websafe color is: #9999cc.

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

● #aaa7bc color description : Grayish blue.

The hexadecimal color #aaa7bc has RGB values of R:170, G:167, B:188 and CMYK values of C:0.1, M:0.11, Y:0, K:0.26. Its decimal value is 11184060.

Hex triplet	aaa7bc	`#aaa7bc`
RGB Decimal	170, 167, 188	`rgb(170,167,188)`
RGB Percent	66.7, 65.5, 73.7	`rgb(66.7%,65.5%,73.7%)`
CMYK	10, 11, 0, 26
HSL	248.6°, 13.5, 69.6	`hsl(248.6,13.5%,69.6%)`
HSV (or HSB)	248.6°, 11.2, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.337, 5.206, -10.371
XYZ	39.472, 39.814, 53.18
xyY	0.298, 0.301, 39.814
CIE-LCH	69.337, 11.604, 296.653
CIE-LUV	69.337, 0.41, -16.497
Hunter-Lab	63.099, 1.24, -5.801
Binary	10101010, 10100111, 10111100

#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#b9bca7
```
#b9bca7 rgb(185,188,167)
```

Complementary Color

#a7afbc
```
#a7afbc rgb(167,175,188)
```
#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#b5a7bc
```
#b5a7bc rgb(181,167,188)
```

Analogous Color

#afbca7
```
#afbca7 rgb(175,188,167)
```
#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#bcb5a7
```
#bcb5a7 rgb(188,181,167)
```

Split Complementary Color

#a7bcaa
```
#a7bcaa rgb(167,188,170)
```
#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#bcaaa7
```
#bcaaa7 rgb(188,170,167)
```

Triadic Color

#a7b9bc
```
#a7b9bc rgb(167,185,188)
```
#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#bcaaa7
```
#bcaaa7 rgb(188,170,167)
```
#b9bca7
```
#b9bca7 rgb(185,188,167)
```

Tetradic Color

#807c9b
```
#807c9b rgb(128,124,155)
```
#8e8aa6
```
#8e8aa6 rgb(142,138,166)
```
#9c99b1
```
#9c99b1 rgb(156,153,177)
```
#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#b8b5c7
```
#b8b5c7 rgb(184,181,199)
```
#c6c4d2
```
#c6c4d2 rgb(198,196,210)
```
#d4d2dd
```
#d4d2dd rgb(212,210,221)
```

Monochromatic Color

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

#a7a9bc
```
#a7a9bc rgb(167,169,188)
```
#a7a8bc
```
#a7a8bc rgb(167,168,188)
```
#a8a7bc
```
#a8a7bc rgb(168,167,188)
```
#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#aca7bc
```
#aca7bc rgb(172,167,188)
```
#aea7bc
```
#aea7bc rgb(174,167,188)
```
#afa7bc
```
#afa7bc rgb(175,167,188)
```

Similar Colors

Text with hexadecimal color #aaa7bc

This text has a font color of #aaa7bc.

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

#aaa7bc background color

This paragraph has a background color of #aaa7bc.

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

#aaa7bc border color

This element has a border color of #aaa7bc.

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

CSS codes

.text {color:#aaa7bc;}

.background {background-color:#aaa7bc;}

.border {border:1px solid #aaa7bc;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0a090c
```
#0a090c rgb(10,9,12)
```
#131217
```
#131217 rgb(19,18,23)
```
#1b1a23
```
#1b1a23 rgb(27,26,35)
```
#24232e
```
#24232e rgb(36,35,46)
```
#2d2b39
```
#2d2b39 rgb(45,43,57)
```
#363444
```
#363444 rgb(54,52,68)
```
#3f3c4f
```
#3f3c4f rgb(63,60,79)
```
#48455a
```
#48455a rgb(72,69,90)
```
#514d65
```
#514d65 rgb(81,77,101)
```
#595670
```
#595670 rgb(89,86,112)
```
#625e7c
```
#625e7c rgb(98,94,124)
```
#6b6787
```
#6b6787 rgb(107,103,135)
```

Shade Color Variation

#746f92
```
#746f92 rgb(116,111,146)
```
#7f7a9a
```
#7f7a9a rgb(127,122,154)
```
#8a86a3
```
#8a86a3 rgb(138,134,163)
```
#9491ab
```
#9491ab rgb(148,145,171)
```
#9f9cb4
```
#9f9cb4 rgb(159,156,180)
```
#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#b5b2c4
```
#b5b2c4 rgb(181,178,196)
```
#c0bdcd
```
#c0bdcd rgb(192,189,205)
```
#cac8d5
```
#cac8d5 rgb(202,200,213)
```
#d5d4de
```
#d5d4de rgb(213,212,222)
```
#e0dfe6
```
#e0dfe6 rgb(224,223,230)
```
#ebeaef
```
#ebeaef rgb(235,234,239)
```
#f5f5f7
```
#f5f5f7 rgb(245,245,247)
```

Tint Color Variation

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

#aeadb6
```
#aeadb6 rgb(174,173,182)
```
#aaa7bc
```
#aaa7bc rgb(170,167,188)
```
#a6a1c2
```
#a6a1c2 rgb(166,161,194)
```
#a19bc8
```
#a19bc8 rgb(161,155,200)
```
#9d95ce
```
#9d95ce rgb(157,149,206)
```
#998fd4
```
#998fd4 rgb(153,143,212)
```
#9589da
```
#9589da rgb(149,137,218)
```
#9083e0
```
#9083e0 rgb(144,131,224)
```
#8c7de6
```
#8c7de6 rgb(140,125,230)
```
#8877ec
```
#8877ec rgb(136,119,236)
```
#8471f2
```
#8471f2 rgb(132,113,242)
```
#7f6bf8
```
#7f6bf8 rgb(127,107,248)
```
#7b65fe
```
#7b65fe rgb(123,101,254)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#aaa9ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaacc0 Protanopia 1% of men
#b4a9c0 Deuteranopia 1% of men
#adacb9 Tritanopia 0.001% of the population

Trichromacy

#aaaabe Protanomaly 1% of men, 0.01% of women
#b0a8be Deuteranomaly 6% of men, 0.4% of women
#acaaba Tritanomaly 0.01% of the population

#aaa7bc hex color

#aaa7bc Color Information

#aaa7bc Color Conversion

Color Schemes with #aaa7bc

Alternatives to #aaa7bc

#aaa7bc Preview

Shades and Tints of #aaa7bc

Tones of #aaa7bc

Color Blindness Simulator