#ADDDF1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#adddf1 is a pale, airy cyan with high luminosity. Because it sits so far toward white, it functions best as a spacious background color rather than a primary interface element. Black text remains highly legible against this hex code, making it a reliable choice for readable UI design. Pair it with deep charcoals to prevent the palette from feeling too washed out.
Questions about #adddf1
What is #adddf1 in RGB, HSL and CMYK?
In RGB, #adddf1 is rgb(173, 221, 241), in HSL hsl(198, 71%, 81%) and in CMYK 28%, 8%, 0%, 5%. Browse more shades of blue with names and hex codes.
What is the best way to use #adddf1 in UI design?
Because #adddf1 is so light and airy, it excels as a subtle background color that maximizes readability for black text. Avoid using it for primary buttons or small text, as it lacks the necessary contrast to stand out effectively.
Which colors pair best with #adddf1?
This cyan works best when anchored by high-contrast tones like charcoal or deep navy. Pairing it with these darker, neutral shades prevents the overall palette from appearing too washed out or losing its structural integrity on screen.
Is #adddf1 readable on white or black?
#adddf1 has a 1.45:1 contrast ratio on white and 14.38: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.