#7A1017 Hex Color

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

Hex color #7a1017 graphic
#7a1017 is a deep, muted red with strong, earthy undertones that evoke a sense of formal intensity. Because it is quite dark, use this shade as a supporting accent rather than a background to prevent a muddy appearance in UI. It pairs effectively with soft, warm creams for a sophisticated, traditional contrast. The hex code for this moody red is #7a1017.

Questions about #7a1017

What is #7a1017 in RGB, HSL and CMYK?
In RGB, #7a1017 is rgb(122, 16, 23), in HSL hsl(356, 77%, 27%) and in CMYK 0%, 87%, 81%, 52%.
How should I use #7a1017 in a UI design?
#7a1017 functions best as a high-contrast accent rather than a primary background color. Because of its dark, heavy saturation, use it sparingly for buttons or borders to prevent it from looking muddy or overwhelming the user interface.
What colors pair well with #7a1017?
This color balances beautifully against cream or ivory to create a sophisticated, traditional aesthetic. For a more modern approach, consider pairing it with a soft taupe to ground the intense, earthy red tones without creating harsh visual clashing.
Is #7a1017 readable on white or black?
#7a1017 has a 10.97:1 contrast ratio on white and 1.91: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.