#AFB0BA Hex Color

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

Hex color #afb0ba graphic
This dusty, muted indigo leans heavily into grey, offering a sophisticated alternative to standard neutrals. While it feels moody and restrained, #afb0ba works best as a supporting tone in structured UI layouts or branding. Pair it with soft cream or warm terracotta to balance its cool, industrial character. Because black text offers high contrast against this shade, it remains legible even in small font sizes.

Questions about #afb0ba

What is #afb0ba in RGB, HSL and CMYK?
In RGB, #afb0ba is rgb(175, 176, 186), in HSL hsl(235, 7%, 71%) and in CMYK 6%, 5%, 0%, 27%.
What colors pair well with #afb0ba for a balanced design?
#afb0ba pairs best with warm, earthy tones like terracotta or soft creams to counteract its cool, industrial nature. These combinations create a sophisticated contrast that keeps designs feeling grounded rather than sterile, making it excellent for modern UI or professional branding.
Does #afb0ba read as a cool or warm color?
#afb0ba is distinctly cool, leaning into blue and grey territory. While it lacks the vibrant saturation of a pure indigo, its cool temperature remains consistent, which helps it function as a reliable, calming neutral that sits comfortably behind high-contrast dark text.
Is #afb0ba readable on white or black?
#afb0ba has a 2.15:1 contrast ratio on white and 9.74: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.