#644E45 Hex Color

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

Hex color #644e45 graphic
#644e45 is a dusty, ashy brown with low saturation and significant depth. It feels grounded and serious, working well as a supporting tone in organic or vintage branding. Because it is quite dark, use it sparingly as an accent rather than a full page background to avoid a muddy look. White text reads clearly against this hex code, ensuring good accessibility for small body type.

Questions about #644e45

What is #644e45 in RGB, HSL and CMYK?
In RGB, #644e45 is rgb(100, 78, 69), in HSL hsl(17, 18%, 33%) and in CMYK 0%, 22%, 31%, 61%.
How should I use #644e45 in my design layouts?
Apply #644e45 sparingly as an accent color for borders, secondary text, or small graphic elements rather than filling large backgrounds. Its heavy, muted presence can feel muddy if overused, but it provides a sophisticated, grounded anchor when balanced with lighter, creamier tones.
What colors pair well with #644e45?
This ashy brown pairs beautifully with soft cream or off-white to maintain accessibility while creating a vintage, organic aesthetic. For a more modern, high-contrast look, consider balancing its depth against a muted sage green or a soft, dusty mauve to introduce subtle warmth.
Is #644e45 readable on white or black?
#644e45 has a 7.72:1 contrast ratio on white and 2.71: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.