#A3AFBC Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a3afbc graphic
#a3afbc is a desaturated, dusty blue with a strong grey undertone. Because it is muted and cool, it functions best as a supporting tone or background color in corporate interfaces like finance or tech apps. It offers excellent contrast for black text, making it highly readable. Pair this hex code with a sharp charcoal or deep slate to ground its washed-out appearance.

Questions about #a3afbc

What is #a3afbc in RGB, HSL and CMYK?
In RGB, #a3afbc is rgb(163, 175, 188), in HSL hsl(211, 16%, 69%) and in CMYK 13%, 7%, 0%, 26%.
Which colors pair best with #a3afbc?
#a3afbc works effectively when paired with deep charcoal or slate tones to anchor its muted, washed-out appearance. Because it is desaturated, it also provides a soft, legible contrast against crisp white or very dark navy surfaces.
Is #a3afbc suitable for text in user interfaces?
#a3afbc functions best as a background or supporting element rather than text due to its low contrast against white. To ensure readability and accessibility, use this color primarily for containers, subtle accents, or UI components requiring a calm, understated look.
Is #a3afbc readable on white or black?
#a3afbc has a 2.23:1 contrast ratio on white and 9.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.