#ADD7FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, airy blue feels cool and light, creating an atmosphere of gentle professionalism. Because black text maintains a high 13.9:1 contrast against it, #add7ff works as a reliable background color for UI or corporate branding that needs to appear trustworthy. Pair it with soft charcoals rather than pure white to avoid a washed-out look. The hex code for this pastel blue is #add7ff.
Questions about #add7ff
What is #add7ff in RGB, HSL and CMYK?
In RGB, #add7ff is rgb(173, 215, 255), in HSL hsl(209, 100%, 84%) and in CMYK 32%, 16%, 0%, 0%.
Does #add7ff work well for text-heavy UI designs?
Yes, #add7ff serves as an excellent background because it maintains high contrast against black text. This balance ensures your interface looks clean and professional without sacrificing the readability required for accessibility standards.
What colors pair best with #add7ff?
Pair #add7ff with charcoal or deep navy tones to create a balanced, modern aesthetic. Using pure white can sometimes make this light blue look washed out, so opting for a softer neutral provides better depth.
Is #add7ff readable on white or black?
#add7ff has a 1.50:1 contrast ratio on white and 13.94: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.