#ADD3FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue is highly unsaturated and reads distinctly cool. Because it offers strong contrast against black text, #add3ff works well as a background for clean, legible user interfaces. It lacks the intensity of a primary blue, making it an excellent base for branding that requires a sense of stability or security. Avoid pairing it with stark white, as it can appear washed out.
Questions about #add3ff
What is #add3ff in RGB, HSL and CMYK?
In RGB, #add3ff is rgb(173, 211, 255), in HSL hsl(212, 100%, 84%) and in CMYK 32%, 17%, 0%, 0%.
What colors pair well with #add3ff?
This pastel blue works beautifully with charcoal or deep navy text for high-contrast accessibility. For softer palettes, pair #add3ff with muted grays or subtle sand tones to maintain a professional, calm aesthetic without overwhelming the viewer.
Why does #add3ff look washed out against white?
#add3ff is a very pale, unsaturated blue, meaning it lacks the depth required to stand out against stark white backgrounds. It performs significantly better when placed against darker or neutral backgrounds that ground its airy, light-refractive properties.
Is #add3ff readable on white or black?
#add3ff has a 1.55:1 contrast ratio on white and 13.53: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.