#645551 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted reddish-brown feels serious and understated. Because it is quite dark and low in chroma, #645551 works best as a grounding neutral for moody brand palettes or as a sophisticated background. It looks especially refined when paired with a sharp, crisp cream or pale gold. Since white text reads clearly against this hex code, it functions well for large headers or UI elements that require high legibility.
Questions about #645551
What is #645551 in RGB, HSL and CMYK?
In RGB, #645551 is rgb(100, 85, 81), in HSL hsl(13, 10%, 35%) and in CMYK 0%, 15%, 19%, 61%. Browse more shades of gray with names and hex codes.
How can I best use #645551 in a UI layout?
#645551 serves best as a deep, grounding background color for cards or large sections where you need a muted, serious tone. It maintains excellent readability with white text, making it a reliable choice for high-contrast, professional-looking headers and buttons.
What colors pair well with the #645551 shade?
This color shines when paired with high-contrast, warm neutrals like cream or pale gold, which cut through its inherent dustiness. You can also create a sophisticated, monochromatic scheme by using lighter, desaturated variations of this same brown to maintain visual harmony.
Is #645551 readable on white or black?
#645551 has a 7.09:1 contrast ratio on white and 2.96:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.