#648CB6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#648cb6 is a dusty, unsaturated blue with an ashy quality. Because it is highly muted and cool-toned, it works best as a supporting element rather than a dominant background color, where it can appear slightly washed out. It offers excellent legibility with black text, making it a reliable choice for finance or healthcare interfaces. The hex code for this matte, understated shade is #648cb6.
Questions about #648cb6
What is #648cb6 in RGB, HSL and CMYK?
In RGB, #648cb6 is rgb(100, 140, 182), in HSL hsl(211, 36%, 55%) and in CMYK 45%, 23%, 0%, 29%. Browse more shades of blue with names and hex codes.
Where does #648cb6 work best in UI design?
#648cb6 functions best as a supporting neutral rather than a dominant background element because of its high saturation. Its muted, ashy quality makes it ideal for subtle sidebar accents, secondary buttons, or data visualization elements where clarity is required.
What colors pair well with #648cb6?
Is #648cb6 readable on white or black?
#648cb6 has a 3.51:1 contrast ratio on white and 5.96: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.