#ABD9D2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated teal brings a clean, airy quality to UI design. Because it lacks intensity, #abd9d2 functions best as a background tone rather than a primary accent. It pairs beautifully with charcoal text, maintaining excellent readability while feeling professional and balanced. The hex code for this delicate, refreshing color is #abd9d2.
Questions about #abd9d2
What is #abd9d2 in RGB, HSL and CMYK?
In RGB, #abd9d2 is rgb(171, 217, 210), in HSL hsl(171, 38%, 76%) and in CMYK 21%, 0%, 3%, 15%.
What colors pair well with #abd9d2 in a design palette?
#abd9d2 pairs excellently with charcoal or dark gray text to maintain professional readability without losing its airy quality. For contrast, consider adding soft accents of terracotta or deep navy to anchor the lightness of the teal.
Does #abd9d2 work for UI background or text?
#abd9d2 is best suited as a background color or subtle accent rather than text. Because it is a light, desaturated tone, it lacks the necessary contrast against white backgrounds to be readable, so use it to frame content instead.
Is #abd9d2 readable on white or black?
#abd9d2 has a 1.54:1 contrast ratio on white and 13.58: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.