#6AAAD2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Soft and desaturated, #6aaad2 is a pastel blue with just enough depth to hold its own on screen. The hex code reads gentle and dependable, which suits healthcare, finance, and baby product palettes. Black text sits comfortably on it at about 8.3:1 contrast. Use it as a supporting tone behind navy or charcoal, since it can wash out next to plain white.
Questions about #6aaad2
What is #6aaad2 in RGB, HSL and CMYK?
In RGB, #6aaad2 is rgb(106, 170, 210), in HSL hsl(203, 54%, 62%) and in CMYK 50%, 19%, 0%, 18%.
What colors pair well with #6aaad2?
#6aaad2 works best with deep, grounded partners like navy, charcoal, or warm sand. For a bolder mix, try a muted coral or soft peach accent, which plays off its cool undertone without clashing.
Is #6aaad2 a good background color for text?
Yes. Black text on #6aaad2 reaches about 8.3:1 contrast, well above the WCAG AA minimum of 4.5:1 for body text. White text is the weaker choice here and fails for small type.
Is #6aaad2 readable on white or black?
#6aaad2 has a 2.53:1 contrast ratio on white and 8.29: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.