#A1BCCB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, unsaturated blue, #a1bccb reads as a muted industrial shade with heavy gray undertones. Because it feels sterile and dependable, it functions best as a supporting background for fintech or healthcare UI. It provides high contrast with black text, making it accessible for body copy. Pair this hex code with warm charcoal or soft cream to avoid a washed-out appearance in your layouts.
Questions about #a1bccb
What is #a1bccb in RGB, HSL and CMYK?
In RGB, #a1bccb is rgb(161, 188, 203), in HSL hsl(201, 29%, 71%) and in CMYK 21%, 7%, 0%, 20%.
How can I make #a1bccb look less washed out in a design?
To prevent #a1bccb from appearing flat or washed out, pair it with high-contrast, warmer tones like cream or rich terracotta. These pairings add necessary warmth that counteracts the cool, gray-heavy nature of the blue, creating a more balanced and inviting visual layout.
Is #a1bccb readable on white or black?
#a1bccb has a 1.98:1 contrast ratio on white and 10.57: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.