#5E301A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, dark brown carries a moody, vintage weight. Because #5e301a feels grounded and dense, it works best as a background color for minimalist UI or moody branding projects. Pair it with soft cream or muted metallics to maintain balance. White text reads clearly against this shade, ensuring solid accessibility for body copy. The hex code for this serious tone is #5e301a.
Questions about #5e301a
What is #5e301a in RGB, HSL and CMYK?
In RGB, #5e301a is rgb(94, 48, 26), in HSL hsl(19, 57%, 24%) and in CMYK 0%, 49%, 72%, 63%. Browse more shades of brown with names and hex codes.
What colors pair best with #5e301a?
This deep brown works beautifully with soft creams, warm beiges, and muted metallics to create a balanced, vintage aesthetic. Incorporating a crisp off-white keeps your design readable while preventing the harshness that pure white often creates against dark tones.
Does #5e301a work well for interface backgrounds?
It functions as an excellent dark mode background because its density provides a serious, stable foundation for UI elements. You can comfortably use standard white or very light text over it to maintain high accessibility and clarity for your users.
Is #5e301a readable on white or black?
#5e301a has a 10.97:1 contrast ratio on white and 1.91: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.