#353027 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, earthy brown sits just on the edge of a dim, desaturated yellow. Because #353027 is so muted and heavy, it works best as a grounding base or a dark mode background rather than a pop of color. White text provides excellent 13.1:1 contrast against it, ensuring readability. Pair this shade with soft cream or muted terracotta for a balanced, architectural palette.
Questions about #353027
What is #353027 in RGB, HSL and CMYK?
In RGB, #353027 is rgb(53, 48, 39), in HSL hsl(39, 15%, 18%) and in CMYK 0%, 9%, 26%, 79%.
What colors pair well with #353027?
This deep, muted brown thrives when contrasted against soft neutrals like cream or muted terracotta to add warmth. Using a very light, desaturated beige prevents the palette from feeling too heavy while maintaining an organic, architectural aesthetic for your layout.
Does #353027 work as a background color?
#353027 functions exceptionally well as a dark mode background because its desaturated nature is less jarring than pure black. Ensure your text is set in a high-contrast white or light cream to meet accessibility standards and maintain excellent readability for users.
Is #353027 readable on white or black?
#353027 has a 13.09:1 contrast ratio on white and 1.60: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.