#2B2119 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #2b2119 graphic
This murky, near-black brown carries a heavy, serious weight. The hex code #2b2119 offers an incredibly dark, matte foundation that works best for moody interfaces or high-end product packaging. Because it sits at the edge of readability, use it primarily as a dark mode background. It provides an excellent 15.7:1 contrast ratio against white text, making it a reliable choice for legible, atmospheric typography.

Questions about #2b2119

What is #2b2119 in RGB, HSL and CMYK?
In RGB, #2b2119 is rgb(43, 33, 25), in HSL hsl(27, 26%, 13%) and in CMYK 0%, 23%, 42%, 83%.
How should I use #2b2119 in UI design?
Use #2b2119 as a dark mode background or for large, atmospheric typography to create a high-end, matte aesthetic. Its high contrast ratio ensures excellent readability against white or light cream text while feeling less harsh than absolute black.
What colors pair well with #2b2119?
To create a harmonious palette, pair #2b2119 with soft, desaturated neutrals like beige or cream to balance its heavy, moody weight. For an unexpected accent, incorporate muted, earthy tones like terracotta or deep olive to emphasize the brown undertones.
Is #2b2119 readable on white or black?
#2b2119 has a 15.73:1 contrast ratio on white and 1.33: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.