#8AA9CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a cool, chalky quality that feels approachable and professional. Because it sits on the lighter end of the spectrum, #8aa9cc works effectively as a stable background color for corporate or medical UI designs. It provides excellent contrast for black text, ensuring readability. Pair this hex code with warm terracotta or soft charcoal to prevent the palette from feeling too washed out.
Questions about #8aa9cc
What is #8aa9cc in RGB, HSL and CMYK?
In RGB, #8aa9cc is rgb(138, 169, 204), in HSL hsl(212, 39%, 67%) and in CMYK 32%, 17%, 0%, 20%.
Which color combinations work best with #8aa9cc?
This unsaturated blue pairs beautifully with terracotta for a balanced, earthy contrast or charcoal to maintain a clean, professional aesthetic. Avoid pairing it with overly vibrant primary yellows, which may clash with its chalky, muted character and disrupt the professional harmony.
Is #8aa9cc suitable for text on a white background?
#8aa9cc does not meet WCAG accessibility standards for normal-sized text when placed on a standard white background, as it lacks sufficient contrast. It works much better as a background color with dark, high-contrast text or as an accent element in UI design.
Is #8aa9cc readable on white or black?
#8aa9cc has a 2.43:1 contrast ratio on white and 8.62: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.