#648BB0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #648bb0 creates a muted, cool blue with gray undertones and a dusty, matte appearance. Its restrained saturation conveys calm, trust, and control without demanding attention. Designers can use it as a supporting tone in finance, healthcare, and technology interfaces, pairing it with charcoal or warm white. Black text achieves about 5.9:1 contrast.
Questions about #648bb0
What is #648bb0 in RGB, HSL and CMYK?
In RGB, #648bb0 is rgb(100, 139, 176), in HSL hsl(209, 32%, 54%) and in CMYK 43%, 21%, 0%, 31%.
What colors pair well with #648bb0 in a palette?
Pair #648bb0 with warm white, charcoal, or muted terracotta to balance its cool gray undertone, using light neutrals for open layouts, dark neutrals for definition, and warm accents sparingly in buttons or highlights.
Is #648bb0 readable on white or black?
#648bb0 has a 3.58:1 contrast ratio on white and 5.86: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.