#663409 Hex Color

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

Hex color #663409 graphic
This dark, muted brown carries a serious and grounded tone. Because of its low lightness, #663409 works best as a moody background or a heavy accent rather than for large blocks of text. It creates strong contrast when paired with off-white or cream tones. Use this hex code for organic, vintage, or craft-focused branding where you need a feeling of stability and warmth.

Questions about #663409

What is #663409 in RGB, HSL and CMYK?
In RGB, #663409 is rgb(102, 52, 9), in HSL hsl(28, 84%, 22%) and in CMYK 0%, 49%, 91%, 60%.
What colors pair best with #663409 for a balanced design?
#663409 works best when paired with high-contrast, off-white or cream tones to prevent the design from feeling too heavy. To add warmth, try introducing a muted mustard or terracotta to highlight the earthy undertones of the brown base.
Is #663409 suitable for text on websites?
#663409 is generally too dark and lacks sufficient contrast against standard dark backgrounds, while being too close to black if used on white text. Use this shade primarily for backgrounds, borders, or large graphic elements where readability is not the main priority.
Is #663409 readable on white or black?
#663409 has a 10.19:1 contrast ratio on white and 2.06: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.