#3A5A3A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark, muted green with gray undertones. #3a5a3a works best as a supporting tone or dark mode background, where its low saturation keeps layouts calm without sinking to black. White text reads clearly on it at roughly 7.8:1 contrast, so it clears WCAG AA for body text. It flatters dusty rose and warm sand. Browse deeper green tones if this one sits too dark for your palette.
Questions about #3a5a3a
What is #3a5a3a in RGB, HSL and CMYK?
In RGB, #3a5a3a is rgb(58, 90, 58), in HSL hsl(120, 22%, 29%) and in CMYK 36%, 0%, 36%, 65%.
What text color works best on #3a5a3a?
White text reads most clearly, with about 7.8:1 contrast, which clears WCAG AA for small body text. Black text falls well short and should be avoided on this background.
What colors pair well with #3a5a3a?
Warm, dusty tones like terracotta and soft sand bring out its earthy side. Cream works better than pure white when you want contrast without harshness.
Is #3a5a3a readable on white or black?
#3a5a3a has a 7.76:1 contrast ratio on white and 2.70: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.