#6AA6C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mid-tone blue offers a steady, professional presence for UI design. With its moderate saturation, #6aa6c9 works well as a background color, keeping black text highly readable with a 7.9:1 contrast ratio. Pair it with deep charcoal or warm terracotta to avoid generic branding. The hex code for this reliable shade is #6aa6c9.
Questions about #6aa6c9
What is #6aa6c9 in RGB, HSL and CMYK?
In RGB, #6aa6c9 is rgb(106, 166, 201), in HSL hsl(202, 47%, 60%) and in CMYK 47%, 17%, 0%, 21%.
What color combinations work best with #6aa6c9?
#6aa6c9 functions best when anchored by deep neutral tones, making it an ideal candidate for pairing with charcoal for text or terracotta for high-contrast accent buttons. These complementary additions ground the airy nature of this blue and create a balanced, professional interface.
Is #6aa6c9 readable on white or black?
#6aa6c9 has a 2.65:1 contrast ratio on white and 7.91: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.