#057516 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#057516 is a bold, forest green that provides a grounded, organic feel. Because this shade is quite dark, it works best as a 10% accent or for button backgrounds rather than large blocks of color. White text offers a strong 5.9:1 contrast ratio here, ensuring readability for small UI elements. The hex code #057516 pairs effectively with soft creams or warm metallic golds.
Questions about #057516
What is #057516 in RGB, HSL and CMYK?
In RGB, #057516 is rgb(5, 117, 22), in HSL hsl(129, 92%, 24%) and in CMYK 96%, 0%, 81%, 54%.
How do I best use #057516 in website design?
Use #057516 primarily as a 10% accent or for button backgrounds rather than large text blocks. Its depth provides excellent readability when paired with white, making it a reliable choice for UI elements that require a strong, grounded visual anchor.
What colors pair well with #057516?
This forest green pairs effectively with soft creams or warm metallic golds to balance its intensity. Adding a neutral background like cream helps ground the boldness of #057516 while maintaining a clean, professional aesthetic for your layout.
Is #057516 readable on white or black?
#057516 has a 5.89:1 contrast ratio on white and 3.56: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.