#ABBDD1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy blue carries a desaturated quality that feels grounded and professional. Because it lacks intensity, #abbdd1 works best as a supporting background or secondary UI element rather than a dominant color. Pair it with dark charcoal text to ensure maximum readability. The hex code for this cool, reliable shade is #abbdd1, making it a functional choice for corporate branding or interface design.
Questions about #abbdd1
What is #abbdd1 in RGB, HSL and CMYK?
In RGB, #abbdd1 is rgb(171, 189, 209), in HSL hsl(212, 29%, 75%) and in CMYK 18%, 10%, 0%, 18%.
What colors pair well with #abbdd1 for UI design?
Pair #abbdd1 with deep charcoal or dark navy text to ensure maximum readability and accessibility against the soft background. Because #abbdd1 is desaturated, it also works effectively with muted terracotta or soft sage accents for a grounded, modern palette.
Is #abbdd1 suitable for text on a white background?
Using #abbdd1 as a font color on a white background generally fails standard accessibility contrast ratios. It is a light, muted shade that lacks the intensity required for small or body text, so it functions better as an interface accent or container fill.
Is #abbdd1 readable on white or black?
#abbdd1 has a 1.92:1 contrast ratio on white and 10.93: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.