#826A74 Hex Color

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

Hex color #826a74 graphic
This dusty, muted mauve functions as a sophisticated neutral with strong grey undertones. The hex code #826a74 feels desaturated and calm, making it a reliable choice for UI backgrounds where white feels too stark. It pairs well with charcoal or warm cream tones. Because of its 4.9:1 contrast ratio against white, use this color for text or small supporting elements that require readability.

Questions about #826a74

What is #826a74 in RGB, HSL and CMYK?
In RGB, #826a74 is rgb(130, 106, 116), in HSL hsl(335, 10%, 46%) and in CMYK 0%, 18%, 11%, 49%. Browse more shades of gray with names and hex codes.
Does #826a74 function well as a text color?
Yes, #826a74 is effective for supporting text or UI elements because it maintains a readable contrast ratio against light backgrounds. It feels softer and more intentional than standard black while remaining distinct enough to anchor your design layout.
What colors pair best with #826a74?
This muted mauve coordinates effectively with charcoal for high-contrast accents or cream for a soft, monochromatic warmth. Its grey undertones also allow it to sit comfortably alongside cooler slate tones without clashing or becoming muddy.
Is #826a74 readable on white or black?
#826a74 has a 4.92:1 contrast ratio on white and 4.26: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.