#872F20 Hex Color

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

Hex color #872f20 graphic
A muted, earthy red with heavy brown undertones, #872f20 feels grounded and serious. This dark shade works best as a supporting tone or small accent in branding, as it can feel muddy if used over large areas. White text offers the highest readability against this base, ensuring accessibility for body copy. The hex code for this color is #872f20.

Questions about #872f20

What is #872f20 in RGB, HSL and CMYK?
In RGB, #872f20 is rgb(135, 47, 32), in HSL hsl(9, 62%, 33%) and in CMYK 0%, 65%, 76%, 47%.
How should I use #872f20 in my design?
Use #872f20 primarily as a strong, earthy accent to ground your UI or branding without overpowering the composition. Because it carries heavy brown undertones, it often risks looking muddy when applied to large background areas or full-page hero sections.
Which colors pair well with #872f20?
To balance its intensity, pair #872f20 with soft neutrals like cream or a warm beige to lift its depth. If you want a higher contrast, white text or light icons will ensure readability against this dark, muted base.
Is #872f20 readable on white or black?
#872f20 has a 8.54:1 contrast ratio on white and 2.45: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.