#3E6545 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty green feels stable and understated. Since it is desaturated, #3e6545 avoids the punchy brightness of traditional greens, making it effective for serious, organic branding. White text is readable against this hex code with a 6.7:1 contrast ratio. Use it as a supporting tone or accent rather than a full background, as large blocks can appear muddy.
Questions about #3e6545
What is #3e6545 in RGB, HSL and CMYK?
In RGB, #3e6545 is rgb(62, 101, 69), in HSL hsl(131, 24%, 32%) and in CMYK 39%, 0%, 32%, 60%.
What works well alongside #3e6545 in a UI design?
Does #3e6545 work for large backgrounds?
#3e6545 is better suited for buttons, borders, or accents because large, solid blocks of this dark green can easily absorb surrounding light. Using it for smaller elements keeps the interface feeling grounded and legible without making the overall design feel heavy or claustrophobic.
Is #3e6545 readable on white or black?
#3e6545 has a 6.66:1 contrast ratio on white and 3.15: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.