Maroon Colors  ·  Color Library

Palettes / Colors / #AAB2CA

#AAB2CA — Light Dusty Blue

#AAB2CA is a blue color we call Light Dusty Blue, closest to the named color Silver (#C0C0C0). It belongs to the blue family.

#AAB2CA is a cool blue color associated with trust, calm and professionalism. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #CAC2AA; it also sits naturally between #AAC2CA and #B2AACA. In the palettes below you can see it working alongside real color combinations from our collection.

#AAB2CA · RGB 170, 178, 202

Download PNG swatch SVG

Color values

HEX#AAB2CA
RGB170, 178, 202
HSL225°, 23%, 73%
HSV225°, 16%, 79%
CMYK16%, 12%, 0%, 21%
XYZ43.16, 44.65, 62.22
Yxy44.65, 0.2877, 0.2976
CIE-Lab72.66, 2.15, -13.10
Hunter Lab66.82, 1.95, -12.53

RGB & CMYK percentages

Red 67% · Green 70% · Blue 79%

Cyan 16% · Magenta 12% · Yellow 0% · Key 21%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #AAB2CA on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #AAB2CA on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #AAB2CA

.text { color: #AAB2CA; }
.background { background-color: #AAB2CA; }
.border { border: 3px solid #AAB2CA; }
.text-rgb { color: rgb(170, 178, 202); }
.text-hsl { color: hsl(225, 23%, 73%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #AAB2CA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(170, 178, 202, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #AAB2CA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(170, 178, 202, 0.8); }

HTML: <p style="color:#AAB2CA">Text here</p> · <div style="background-color:#AAB2CA">Div content here</div>

Shades of #AAB2CA

#949EBC#7E8AAE#6877A1#58668D#4D587A#3F4864#31384E#232938#161923#08090D

Tints of #AAB2CA

#B1B8CE#BAC0D4#C0C6D8#C7CCDC#D0D4E2#D6DAE5#DCE0E9#E3E5ED#ECEEF3#F2F4F7

Tones of #AAB2CA

#ACB3C8#AFB5C5#B1B6C3#B3B7C1#B5B8BF#B8B9BC

Color harmonies

Complementary — #CAC2AA:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.11:1 Fails
Against black text9.93:1 AAA

Best text color on #AAB2CA: #000000.

How #AAB2CA looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #ADAEC4Deuteranopia · #ADACC3Tritanopia · #AAC0BF

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9ETailwind violet 500 · #8B5CF6Tailwind purple 500 · #A855F7

Palettes with a similar color

These palettes use a close neighbour of #AAB2CA rather than the exact color:

Burning Ruby Zephyr
#9ACAAD · #A5B3C4 · #BBA3C5 · #7C4B52
Golden Ruby Harbor
#C3C9E4 · #A6ADCF · #8B94C1 · #414C81
Palette Fbc6a4
#FBC6A4 · #F4A9A8 · #CE97B0 · #AFB9C8
Palette Faf3f3
#FAF3F3 · #E1E5EA · #A7BBC7 · #DA7F8F
Palette 30364f
#30364F · #ACBAC4 · #E1D9BC · #F0F0DB
Palette F5efe6
#F5EFE6 · #E8DFCA · #AEBDCA · #7895B2

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#A5B3C4#A6ADCF#AFB9C8#A7BBC7#ACBAC4#AEBDCA#ACB1D6#A6AEBF#A0AEC1#A5BFCC#9CB4CC#A8A4CE

Browse neighbouring colors

← #AAB2C9  ·  #AAB2CB →

Frequently asked questions

What color is #AAB2CA?

#AAB2CA is Light Dusty Blue, a blue color (RGB 170, 178, 202). Its closest standard named color is Silver.

What is the RGB and HSL of #AAB2CA?

#AAB2CA is RGB 170, 178, 202 — HSL 225°, 23%, 73% — CMYK 16%, 12%, 0%, 21%.

What colors go with #AAB2CA?

Its complement is #CAC2AA; analogous partners are #AAC2CA and #B2AACA. It also appears in 6+ palettes in our collection.

Can I use #AAB2CA for text?

Black text on #AAB2CA has a contrast ratio of 9.93:1 (passes WCAG AA); white text gives 2.11:1.