#648FB0 Hex Color

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

Hex color #648fb0 graphic
#648fb0 is a muted, medium-light blue with gray, ashy undertones and a matte finish. Its low saturation creates a controlled, dependable feel, making it useful as a supporting tone for finance, healthcare, government, and technology branding. Pair it with charcoal or warm white; black text reaches about 6.1:1 contrast. The hex code is #648fb0.

Questions about #648fb0

What is #648fb0 in RGB, HSL and CMYK?
In RGB, #648fb0 is rgb(100, 143, 176), in HSL hsl(206, 32%, 54%) and in CMYK 43%, 19%, 0%, 31%.
What colors pair well with #648fb0?
#648fb0 pairs well with charcoal and warm white, reinforcing its cool, muted character while preserving a calm, dependable look for interfaces, reports, and brand layouts. Use charcoal for stronger definition and warm white to soften the palette.
What mood does #648fb0 create?
#648fb0 reads as a cool, controlled blue because its gray, ashy undertones and low saturation reduce visual intensity. It suggests reliability and calm rather than energy, making it a practical supporting color for professional designs.
Is #648fb0 readable on white or black?
#648fb0 has a 3.44:1 contrast ratio on white and 6.09: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.