#663E46 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty maroon carries a muted, reddish warmth that feels serious and grounded. Because of its low saturation, it serves as an excellent supporting tone in moody palettes rather than a dominant base. Pair #663e46 with soft creams or warm grays to create high-contrast, readable layouts. This hex code provides enough visual weight to anchor elegant, formal designs without overwhelming the user interface.
Questions about #663e46
What is #663e46 in RGB, HSL and CMYK?
In RGB, #663e46 is rgb(102, 62, 70), in HSL hsl(348, 24%, 32%) and in CMYK 0%, 39%, 31%, 60%.
What colors pair well with #663e46?
Because #663e46 has a muted, reddish warmth, it works best alongside soft cream or light warm gray tones to provide high contrast. Avoiding pure black helps maintain the color's inherent softness while ensuring your text remains perfectly legible.
Does #663e46 function better as a background or an accent?
This shade is primarily a supporting tone rather than a dominant base because of its low saturation. Use #663e46 as a grounding accent to anchor formal layouts, allowing it to provide visual weight without overpowering the surrounding white space.
Is #663e46 readable on white or black?
#663e46 has a 8.96:1 contrast ratio on white and 2.34: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.