#654D36 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy brown feels grounded and serious, with a dusty quality that avoids looking too saturated. Because it reads quite dark, the hex code #654d36 works best as a supporting tone or text color rather than a main background. Pair it with soft cream or warm white for a vintage aesthetic that stays legible, though it can feel muddy if applied over too large an area.
Questions about #654d36
What is #654d36 in RGB, HSL and CMYK?
In RGB, #654d36 is rgb(101, 77, 54), in HSL hsl(29, 30%, 30%) and in CMYK 0%, 24%, 47%, 60%.
How can I use #654d36 effectively in my design?
#654d36 functions best as a supporting element rather than a dominant background color. It anchors designs well when paired with cream or warm off-whites, creating a vintage look that keeps text legible without feeling overwhelming or overly dark.
Does #654d36 read as a warm or cool color?
#654d36 sits on the cooler side of the brown spectrum due to its ashy, desaturated quality. While it provides a grounded, earthy feeling, it lacks the intense warmth found in reddish tones, making it a reliable choice for professional, serious settings.
Is #654d36 readable on white or black?
#654d36 has a 7.87:1 contrast ratio on white and 2.66: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.