#315E3F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated forest green feels serious and grounding. Because it carries a dusty, muted quality, it serves best as a dominant base rather than an accent. Pair it with warm creams or off-white to create a balanced, organic look. This hex code, #315e3f, offers enough contrast for legible white body text in UI designs, making it a reliable choice for sustainable or eco-friendly branding.
Questions about #315e3f
What is #315e3f in RGB, HSL and CMYK?
In RGB, #315e3f is rgb(49, 94, 63), in HSL hsl(139, 31%, 28%) and in CMYK 48%, 0%, 33%, 63%.
What colors pair well with the #315e3f forest green?
Because #315e3f is an unsaturated, dusty shade, it works best when paired with warm, creamy neutrals. Using a soft off-white or a light sand tone allows the green to stand out as a grounding base without overwhelming your design.
Is #315e3f a good choice for text in UI design?
Yes, #315e3f provides high contrast against pure white backgrounds, making it a reliable and readable option for body text or navigation menus. Its dark saturation ensures users can read content easily while maintaining an eco-friendly and organic aesthetic.
Is #315e3f readable on white or black?
#315e3f has a 7.49:1 contrast ratio on white and 2.80: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.