#66472A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted brown feels solid and organic. It provides a grounded foundation for vintage-inspired branding or rugged web layouts. The hex code #66472a offers a strong 8.4:1 contrast ratio with white text, ensuring excellent readability for UI components. Use this tone as a secondary accent rather than a large background to avoid a muddy, heavy appearance in your interface designs.
Questions about #66472a
What is #66472a in RGB, HSL and CMYK?
In RGB, #66472a is rgb(102, 71, 42), in HSL hsl(29, 42%, 28%) and in CMYK 0%, 30%, 59%, 60%.
How should I use #66472a in web design?
Use #66472a as a secondary accent rather than a primary background color to avoid creating a heavy or muddy interface experience. It works best for framing content or adding weight to buttons and borders against light, neutral backgrounds.
What colors pair well with #66472a?
This grounded brown pairs beautifully with creamy off-whites, soft sage greens, or muted terracotta for an organic, vintage-inspired palette. These combinations emphasize its earthy nature while keeping the overall design layout feeling clean and balanced.
Is #66472a readable on white or black?
#66472a has a 8.40:1 contrast ratio on white and 2.49: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.