#6A4A3A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted brown provides a grounded, serious mood for branding and organic product design. Due to its dark, unsaturated nature, #6a4a3a works best as a primary background color. It supports white text with a 7.9:1 contrast ratio, ensuring high readability. The hex code for this color is #6a4a3a. Use it alongside cream or pale gold to keep the design feeling intentional rather than muddy.
Questions about #6a4a3a
What is #6a4a3a in RGB, HSL and CMYK?
In RGB, #6a4a3a is rgb(106, 74, 58), in HSL hsl(20, 29%, 32%) and in CMYK 0%, 30%, 45%, 58%.
What colors pair well with #6a4a3a?
This deep brown balances perfectly with lighter, neutral tones to maintain an intentional and clean aesthetic. Pair #6a4a3a with cream or pale gold to prevent the design from feeling muddy, as these lighter hues provide the necessary brightness and contrast to make the dark brown pop.
Is #6a4a3a a good choice for text backgrounds?
#6a4a3a is an excellent background choice for high-contrast typography because it supports white text with a 7.9:1 contrast ratio. This easily exceeds standard web accessibility requirements, ensuring that your content remains legible and professional when used in UI design or branding.
Is #6a4a3a readable on white or black?
#6a4a3a has a 7.91:1 contrast ratio on white and 2.65: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.