#6F3524 Hex Color

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

Hex color #6f3524 graphic
#6f3524 is a dense, desaturated maroon with heavy brown undertones. It projects a serious, grounded intensity that makes it an effective choice for dark mode UI backgrounds or formal branding. Because of its dark value, it requires high contrast text for readability. Pair it with soft cream or muted gold tones to prevent the palette from feeling too muddy or flat.

Questions about #6f3524

What is #6f3524 in RGB, HSL and CMYK?
In RGB, #6f3524 is rgb(111, 53, 36), in HSL hsl(14, 51%, 29%) and in CMYK 0%, 52%, 68%, 56%.
What colors pair well with #6f3524?
#6f3524 creates a sophisticated, balanced palette when paired with soft cream or muted gold accents. These lighter, warm tones prevent the deep, desaturated maroon from feeling too heavy or muddy in your final design layout.
Is #6f3524 suitable for UI text?
You should generally avoid using #6f3524 as text because its dark value provides insufficient contrast against most backgrounds. It functions much better as a solid background or brand accent where you can overlay white or very light text.
Is #6f3524 readable on white or black?
#6f3524 has a 9.49:1 contrast ratio on white and 2.21: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.