#C8821A Hex Color

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

Hex color #c8821a graphic
Muted and earthy, #c8821a is an unsaturated orange with strong mustard undertones. This warm tone works best as a supporting accent rather than a dominant background, as it can feel heavy in large applications. Pair it with deep charcoal or slate blue for a balanced contrast. The hex code #c8821a meets accessibility standards for small body text when paired with black.

Questions about #c8821a

What is #c8821a in RGB, HSL and CMYK?
In RGB, #c8821a is rgb(200, 130, 26), in HSL hsl(36, 77%, 44%) and in CMYK 0%, 35%, 87%, 22%.
What colors work best when paired with #c8821a?
This earthy orange thrives when balanced by deep, cool neutrals like charcoal or dark slate. These darker tones ground the warmth of the mustard, creating a sophisticated contrast that prevents the vibrant orange from feeling too overwhelming in your design.
Is #c8821a suitable for text or small UI elements?
Because of its mid-tone saturation, #c8821a can be difficult to read on white backgrounds but works well as an accent for buttons or icons. For body text, you should pair it with black to ensure it meets standard web accessibility contrast ratios.
Is #c8821a readable on white or black?
#c8821a has a 3.15:1 contrast ratio on white and 6.66:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.