#AADAF3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

This unsaturated, icy blue works best as a light UI background or a soft secondary accent. Because it is highly desaturated, it provides a gentle, modern alternative to standard corporate blues. The hex code #aadaf3 offers high contrast against black text, making it a safe choice for readable interface elements. Pair it with dark charcoal or navy to ground its airy quality.

Questions about #aadaf3

What is #aadaf3 in RGB, HSL and CMYK?

In RGB, #aadaf3 is rgb(170, 218, 243), in HSL hsl(201, 75%, 81%) and in CMYK 30%, 10%, 0%, 5%.

What colors pair well with #aadaf3?

This light blue works best when paired with deep, grounding tones like charcoal or navy. These high-contrast combinations create a modern, professional look while ensuring text remains legible and the overall interface feels balanced rather than washed out.

Is #aadaf3 readable on white or black?

#aadaf3 has a 1.49:1 contrast ratio on white and 14.03: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.

#AADAF3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #aadaf3

Color tools

Resources