#2B220F Hex Color

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

Hex color #2b220f graphic
This dark, muddy shade leans heavily toward a desaturated olive with significant grey undertones. Because it is so deep, #2b220f functions best as a grounded, moody background for UI designs rather than text. It pairs well with creams or soft golds to maintain legibility. The hex code for this dim, serious color is #2b220f, providing high contrast for white elements.

Questions about #2b220f

What is #2b220f in RGB, HSL and CMYK?
In RGB, #2b220f is rgb(43, 34, 15), in HSL hsl(41, 48%, 11%) and in CMYK 0%, 21%, 65%, 83%.
How should #2b220f be used in web design?
#2b220f works best as a primary background color for modern, minimalist interfaces that require a grounded feel. Because it is so dark, avoid using it for body text; instead, pair it with soft creams or whites to maximize contrast and legibility.
What color harmonies complement #2b220f?
This color pairs beautifully with warm, neutral tones like cream or beige to balance its heavy, olive-grey undertones. For an intentional accent, try incorporating soft metallic golds or muted terracottas to lift the overall palette without overwhelming the dark base.
Is #2b220f readable on white or black?
#2b220f has a 15.69: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.