#5A3026 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted reddish-brown offers a serious and moody aesthetic. With its low saturation, #5a3026 functions best as a dark accent color rather than a primary background to avoid appearing muddy. It pairs well with soft creams or muted golds for a traditional look. White text provides excellent readability against this shade, maintaining an accessibility ratio of 11.1:1.
Questions about #5a3026
What is #5a3026 in RGB, HSL and CMYK?
In RGB, #5a3026 is rgb(90, 48, 38), in HSL hsl(12, 41%, 25%) and in CMYK 0%, 47%, 58%, 65%.
What colors pair well with #5a3026?
This muted reddish-brown works best with warm, neutral tones to maintain its serious aesthetic. Pair it with soft cream or muted gold for a traditional look, or use white text to ensure readability as the contrast ratio is 11.1:1.
Should I use #5a3026 as a background color?
Avoid using #5a3026 as a primary background color because its low saturation can appear muddy or dull in large areas. It is much more effective when used as a dark accent color to ground your design or highlight specific interface elements.
Is #5a3026 readable on white or black?
#5a3026 has a 11.13:1 contrast ratio on white and 1.88: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.