#654D35 Hex Color

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

Hex color #654d35 graphic
This muted, dusty brown reads as grounded and serious. The hex code #654d35 offers a stable, dark base that works well for vintage-inspired branding or organic product packaging. Because it is highly unsaturated, it provides a solid foundation for cream or off-white text to stand out. Use it sparingly as a supporting element rather than a dominant background to avoid making your UI feel heavy or muddy.

Questions about #654d35

What is #654d35 in RGB, HSL and CMYK?
In RGB, #654d35 is rgb(101, 77, 53), in HSL hsl(30, 31%, 30%) and in CMYK 0%, 24%, 48%, 60%. Browse more shades of brown with names and hex codes.
How should I use #654d35 in a user interface?
#654d35 is best used as a grounding accent rather than a primary background to keep designs legible. Use it for borders, typography, or secondary buttons against cream or off-white backgrounds to maintain a sophisticated and earthy aesthetic without muddying your layout.
What colors pair well with #654d35?
Because of its dusty, unsaturated nature, #654d35 looks excellent with warm neutrals like cream or soft beige. For a more sophisticated, nature-inspired palette, pair it with muted tones like sage or deep olive to lean into its organic, earthy characteristics.
Is #654d35 readable on white or black?
#654d35 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.