#332A22 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#332a22 is no glossy chocolate brown. Its low saturation and heavy darkness pull it toward gray, giving it a dusty, almost ashlike character. That muted weight suits dark mode backgrounds, vintage packaging, and coffee or craft branding. White text on this hex code reaches about 14.0:1 contrast, well past WCAG AA. Pair it with muted terracotta or sage to keep it from reading flat.
Questions about #332a22
What is #332a22 in RGB, HSL and CMYK?
In RGB, #332a22 is rgb(51, 42, 34), in HSL hsl(28, 20%, 17%) and in CMYK 0%, 18%, 33%, 80%.
What colors pair well with #332a22?
Muted terracotta and sage green flatter #332a22 without fighting its gray undertone. Avoid bright saturated accents, which look harsh against this dusty brown, and use warm cream text instead of pure white for a softer feel.
Is #332a22 readable on white or black?
#332a22 has a 14.04:1 contrast ratio on white and 1.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.