#ACD2F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue functions as a gentle, cool base for digital interfaces. Because black text offers high contrast (13.3:1) on this shade, it works well for UI body copy or large headers. The hex code #acd2f9 avoids the harshness of standard blues, making it a reliable choice for finance or healthcare branding. It pairs cleanly with charcoal grays to maintain a professional, trustworthy aesthetic.
Questions about #acd2f9
What is #acd2f9 in RGB, HSL and CMYK?
In RGB, #acd2f9 is rgb(172, 210, 249), in HSL hsl(210, 87%, 83%) and in CMYK 31%, 16%, 0%, 2%.
What makes #acd2f9 a good choice for UI text and interfaces?
This hex color balances a professional aesthetic with excellent readability, providing a 13.3:1 contrast ratio against black text. Its desaturated nature avoids the harshness found in brighter blues, making it a reliable, restful choice for long-form content or financial platforms.
Which colors should I pair with #acd2f9 to maintain a professional look?
To keep the design grounded, pair #acd2f9 with deep charcoal or dark navy shades to maintain high contrast and sophistication. Using neutral grays prevents the interface from feeling washed out, ensuring the blue remains the primary focal point without dominating the layout.
Is #acd2f9 readable on white or black?
#acd2f9 has a 1.57:1 contrast ratio on white and 13.34: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.