#703B2F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, earthy red feels dusty and grounded rather than vivid. Because it sits on the darker side of the spectrum, #703b2f works best as a supporting accent or a moody footer background rather than a primary UI element. Pair it with soft creams or warm grays to avoid a muddy appearance. White text provides excellent contrast against this hex code for readable, bold headlines.
Questions about #703b2f
What is #703b2f in RGB, HSL and CMYK?
In RGB, #703b2f is rgb(112, 59, 47), in HSL hsl(11, 41%, 31%) and in CMYK 0%, 47%, 58%, 56%.
What colors pair well with the deep, muted #703b2f?
#703b2f functions best alongside neutral, lighter tones that prevent the composition from feeling too dark. Pairing it with cream or warm gray creates a sophisticated, balanced look, while crisp white text ensures high readability for bold headlines.
Is #703b2f suitable for primary UI elements?
Due to its dark and muted nature, #703b2f is generally better as a supporting accent or footer background rather than a primary button or interface element. Using it in smaller doses maintains the moody, grounded aesthetic without overwhelming your design's overall readability.
Is #703b2f readable on white or black?
#703b2f has a 8.91:1 contrast ratio on white and 2.35: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.