#2D2A24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2d2a24 is an extremely dark, dusky yellow that leans into charcoal grey. It feels moody and serious, functioning best as a high-contrast background for bold typography. Because white text creates a strong 14.3:1 ratio, this color is a practical choice for dark mode UI. Use it sparingly to ground brighter palettes, as it can easily overwhelm fine details when used at large scale.
Questions about #2d2a24
What is #2d2a24 in RGB, HSL and CMYK?
In RGB, #2d2a24 is rgb(45, 42, 36), in HSL hsl(40, 11%, 16%) and in CMYK 0%, 7%, 20%, 82%.
Where should I use #2d2a24 in my design?
This deep tone works best as a background for high-contrast, readable text in dark mode interfaces. Because it leans towards a warm charcoal, it provides a softer, more grounded alternative to pure black while maintaining excellent legibility for modern web layouts.
What colors pair well with #2d2a24?
Pair #2d2a24 with crisp off-white or soft cream tones to maximize readability and soften the overall presentation. For accent colors, muted earth tones like terracotta or deep olive can complement its dusky, organic undertones without creating jarring visual friction.
Is #2d2a24 readable on white or black?
#2d2a24 has a 14.30:1 contrast ratio on white and 1.46: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.