#ABD3C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, desaturated teal with strong green undertones, #abd3c4 offers an airy, delicate presence perfect for healthcare or wellness interfaces. Because it is highly tinted, this hex code works best as a supporting tone rather than a dominant background, where it might wash out. Pair it with dark charcoal text to ensure maximum readability and a clean, modern contrast.
Questions about #abd3c4
What is #abd3c4 in RGB, HSL and CMYK?
In RGB, #abd3c4 is rgb(171, 211, 196), in HSL hsl(158, 31%, 75%) and in CMYK 19%, 0%, 7%, 17%.
How should #abd3c4 be used in UI design?
#abd3c4 serves best as a supporting accent rather than a primary background color, as its high tint can easily wash out text. Use it alongside strong, dark text like charcoal to maintain necessary contrast and readability for users.
Does #abd3c4 lean warm or cool?
This color leans decisively cool due to its strong green and cyan base notes, which lend it an airy and professional quality. It functions well in environments where a sense of cleanliness, hygiene, or tranquility is the desired psychological goal.
Is #abd3c4 readable on white or black?
#abd3c4 has a 1.63:1 contrast ratio on white and 12.84: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.