#2C221B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark, dusty, and nearly grey, #2c221b carries a heavy, serious presence. This muted brown lacks warmth, making it ideal for grounded, moody UI backgrounds. Pair it with crisp white text to ensure legibility, as the high contrast ratio works perfectly for readable body copy. Because of its intense depth, the hex code #2c221b serves best as a dominant base rather than an accent.
Questions about #2c221b
What is #2c221b in RGB, HSL and CMYK?
In RGB, #2c221b is rgb(44, 34, 27), in HSL hsl(25, 24%, 14%) and in CMYK 0%, 23%, 39%, 83%.
How should I use #2c221b in website UI?
#2c221b works best as a primary background color for high-end, minimalist interfaces that require a grounded feel. Always pair it with high-contrast text like soft white or very light grey to ensure your content remains readable and accessible for all users.
What colors pair well with #2c221b?
This deep brown thrives when paired with crisp, clean neutrals or soft, muted earth tones. For a balanced design, combine #2c221b with a warm cream or a subtle sage green to lift its heavy, dusty appearance without overpowering the composition.
Is #2c221b readable on white or black?
#2c221b has a 15.53:1 contrast ratio on white and 1.35: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.