#648CAC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits comfortably between gray and navy. Because it is highly unsaturated, #648cac functions well as a professional background color that avoids eye strain. It pairs beautifully with crisp white or charcoal gray to maintain readability. For accessible web design, black text provides excellent contrast against this shade at a 5.9:1 ratio. The hex code for this cool tone is #648cac.
Questions about #648cac
What is #648cac in RGB, HSL and CMYK?
In RGB, #648cac is rgb(100, 140, 172), in HSL hsl(207, 30%, 53%) and in CMYK 42%, 19%, 0%, 33%.
What colors pair well with #648cac for a balanced scheme?
Pair #648cac with charcoal for a high-contrast, professional look, or use crisp white to enhance the cool, dusty nature of the blue. These combinations maintain the unsaturated, calm aesthetic while ensuring your design elements remain distinct and visually organized.
Is #648cac readable on white or black?
#648cac has a 3.56:1 contrast ratio on white and 5.88:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.