#ABDFF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, cool cyan sits on the lighter end of the spectrum with low saturation. Because #abdff2 offers high contrast against black text, it functions well as a readable UI background. Avoid pairing it with stark white, as it can appear washed out. Instead, use this hex code as a base for pediatric or tech-focused designs to maintain a light, airy, and professional feel.
Questions about #abdff2
What is #abdff2 in RGB, HSL and CMYK?
In RGB, #abdff2 is rgb(171, 223, 242), in HSL hsl(196, 73%, 81%) and in CMYK 29%, 8%, 0%, 5%.
What design aesthetic fits #abdff2 best?
This shade excels in pediatric, wellness, or tech-focused branding where a calm, airy atmosphere is preferred over high-energy visuals. It creates a professional, trustworthy feel without overwhelming the user or distracting from critical information.
Is #abdff2 readable on white or black?
#abdff2 has a 1.44:1 contrast ratio on white and 14.56: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.