#507707 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#507707 is a grounded, unsaturated olive-green with a matte finish. Its muted character avoids the harshness of neon lime, making it a reliable choice for branding or naturalistic UI elements. Because of its medium-dark value, white text provides excellent contrast against this hex code. Use it as a secondary accent color rather than a large background to maintain focus in your composition.
Questions about #507707
What is #507707 in RGB, HSL and CMYK?
In RGB, #507707 is rgb(80, 119, 7), in HSL hsl(81, 89%, 25%) and in CMYK 33%, 0%, 94%, 53%.
Does #507707 work well for UI text?
#507707 serves as an excellent dark base color for white or off-white typography, ensuring high readability while maintaining a natural, organic aesthetic. For secondary accents, try pairing it with a soft cream or a muted terracotta to elevate the color palette.
How should I apply #507707 in a design layout?
Use #507707 as a secondary accent or button color rather than a primary background to avoid visual fatigue. Its medium-dark, matte character works effectively for navigation elements, icons, or subtle footer backgrounds where you need grounding without the harshness of darker greens.
Is #507707 readable on white or black?
#507707 has a 5.27:1 contrast ratio on white and 3.98: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.