#2A3A30 Hex Color

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

Hex color #2a3a30 graphic
This dark, ashy green sits on the edge of charcoal and forest tones. Because #2a3a30 is so muted and desaturated, it functions as a stable, moody background for professional UI layouts. It pairs well with warm metallic accents. Since it offers a strong 12.0:1 contrast ratio against white text, it remains highly readable. The hex code for this serious shade is #2a3a30.

Questions about #2a3a30

What is #2a3a30 in RGB, HSL and CMYK?
In RGB, #2a3a30 is rgb(42, 58, 48), in HSL hsl(143, 16%, 20%) and in CMYK 28%, 0%, 17%, 77%. Browse more shades of black with names and hex codes.
What colors pair well with #2a3a30 in a design layout?
This deep green looks best when balanced with warm metallic tones like gold or copper, which lift its ashy undertones. For a clean UI, pair #2a3a30 with soft creams or off-white shades to maintain a high contrast without the harshness of pure white.
Is #2a3a30 a suitable color for text on websites?
Yes, #2a3a30 is excellent for text because it maintains a strong 12.0:1 contrast ratio against white backgrounds, ensuring high readability for users. Its muted, dark nature reduces eye strain compared to standard black, making it a professional choice for long-form reading.
Is #2a3a30 readable on white or black?
#2a3a30 has a 12.02:1 contrast ratio on white and 1.74: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.