#884444 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Fired Clay is a dusty, unsaturated red with strong brown undertones. Because this hex code #884444 feels matte and muted, it serves better as a supporting accent than a dominant background. Pair it with soft cream or slate gray to avoid a muddy appearance. The high contrast with white text ensures readability for UI elements, making it useful for moody, understated interfaces.
Questions about Fired Clay
What is the hex code for Fired Clay?
Fired Clay is #884444. In RGB that is rgb(136, 68, 68), in HSL hsl(0, 33%, 40%) and in CMYK 0%, 50%, 50%, 47%. Browse more shades of brown with names and hex codes.
What colors pair best with Fired Clay #884444?
Fired Clay works best alongside neutral tones that prevent it from appearing muddy in a design. Try pairing it with cream for a soft, vintage feel or a deep slate gray to highlight its earthy brown undertones and maintain visual balance.
Is #884444 suitable for text in interface design?
While #884444 works well as a supporting accent or button color, it should be paired with high-contrast text for accessibility. Using white or very light neutral text ensures the color remains readable against this relatively dark, desaturated background shade.
Is Fired Clay readable on white or black?
Fired Clay has a 7.10:1 contrast ratio on white and 2.95: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.