#6A3A3A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated maroon creates a serious, moody atmosphere in design projects. The hex code #6a3a3a functions best as an accent rather than a dominant background, as its heavy saturation can feel muddy. It pairs well with light stone or cool gold. Because white text provides strong 9.2:1 contrast, this color serves as a reliable, readable choice for dark-mode UI components or high-end branding.
Questions about #6a3a3a
What is #6a3a3a in RGB, HSL and CMYK?
In RGB, #6a3a3a is rgb(106, 58, 58), in HSL hsl(0, 29%, 32%) and in CMYK 0%, 45%, 45%, 58%. Browse more shades of brown with names and hex codes.
How does #6a3a3a perform in user interface design?
The #6a3a3a hex color provides excellent readability for text, boasting a 9.2:1 contrast ratio against white. This makes it a reliable, high-contrast choice for dark-mode components or footer sections where legibility is critical for user experience.
Which colors pair best with the #6a3a3a hex color?
This dusty maroon coordinates beautifully with light stone grays or cool gold accents to balance its heavy, unsaturated nature. Avoid pairing it with high-vibrancy reds, which can make the palette feel cluttered; instead, stick to neutral, cool-toned companions for a refined aesthetic.
Is #6a3a3a readable on white or black?
#6a3a3a has a 9.21:1 contrast ratio on white and 2.27: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.