#422424 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#422424 is a somber, desaturated maroon that leans heavily into brown. Its intense darkness creates a moody, serious atmosphere perfect for grounded, minimalist UI backgrounds. Because it is so muted, use this hex code as a 60% base rather than a small accent. It offers excellent contrast for white text, ensuring readability in dark mode designs without feeling overly harsh or aggressive.
Questions about #422424
What is #422424 in RGB, HSL and CMYK?
In RGB, #422424 is rgb(66, 36, 36), in HSL hsl(0, 29%, 20%) and in CMYK 0%, 45%, 45%, 74%.
How should I use #422424 in UI design?
#422424 functions best as a 60% base color for backgrounds rather than a small accent. Because it is so muted and dark, it provides excellent contrast for white typography, ensuring your interface feels grounded and professional without being visually aggressive.
What colors pair well with #422424?
Pair #422424 with cream or warm beige to soften the overall palette and prevent the design from feeling too industrial. If you need a secondary accent, muted gold or sage green adds a subtle, earthy contrast that complements the brown undertones.
Is #422424 readable on white or black?
#422424 has a 13.91:1 contrast ratio on white and 1.50: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.