#6C3706 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated brown carries a grounded, serious weight. Because #6c3706 is so deep, it risks feeling muddy in large backgrounds unless paired with lighter, cleaner tones. It shines as a strong, reliable accent color for vintage branding or rustic design themes. White text remains perfectly legible against this shade, making it a functional choice for high-contrast typography.
Questions about #6c3706
What is #6c3706 in RGB, HSL and CMYK?
In RGB, #6c3706 is rgb(108, 55, 6), in HSL hsl(29, 89%, 22%) and in CMYK 0%, 49%, 94%, 58%. Browse more shades of brown with names and hex codes.
How should I use #6c3706 effectively in web design?
Use #6c3706 as a strong, reliable accent color for buttons or borders rather than large backgrounds, which can appear muddy. It serves as an excellent foundation for high-contrast white text, ensuring maximum readability for essential UI elements.
Does #6c3706 pair well with lighter colors?
Yes, #6c3706 requires lighter, cleaner tones to balance its density. It creates a sophisticated contrast when paired with cream or soft beige, preventing the design from feeling overly dark while maintaining a grounded, rustic aesthetic.
Is #6c3706 readable on white or black?
#6c3706 has a 9.60:1 contrast ratio on white and 2.18: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.