#653E2A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted brown feels grounding and substantial. Because #653e2a is very unsaturated and deep, it works best as a moody background or a primary text color in organic branding. It creates a high contrast with white text, which remains readable even at small sizes. Pair this shade with soft creams or warm golds to avoid a muddy look in your interface designs.
Questions about #653e2a
What is #653e2a in RGB, HSL and CMYK?
In RGB, #653e2a is rgb(101, 62, 42), in HSL hsl(20, 41%, 28%) and in CMYK 0%, 39%, 58%, 60%.
How can I use #653e2a effectively in UI design?
#653e2a works best as a moody, sophisticated background or for high-impact typography where black feels too harsh. Pair it with soft, creamy off-whites or warm, muted golds to prevent the overall interface from appearing too heavy or muddy.
Does #653e2a read as a warm or cool brown?
This color leans heavily into the warm side of the spectrum, carrying deep red and orange undertones. Because of its low saturation, it remains versatile enough to function as a neutral, provided it is balanced against lighter, cooler tones for contrast.
Is #653e2a readable on white or black?
#653e2a has a 9.22:1 contrast ratio on white and 2.27: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.