#507D02 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dense, earthy green balances high saturation with a grounded, organic feel. It works best as an accent color in gaming interfaces or sports branding, where a punchy, energetic tone is required. Because white text maintains a readable 4.9:1 contrast ratio against it, you can use this hex code for buttons or small UI elements. Pair it with dark grays to avoid a muddy look.
Questions about #507d02
What is #507d02 in RGB, HSL and CMYK?
In RGB, #507d02 is rgb(80, 125, 2), in HSL hsl(82, 97%, 25%) and in CMYK 36%, 0%, 98%, 51%.
What colors pair well with #507d02 in UI design?
Because #507d02 carries a saturated, earthy weight, it works best when paired with dark, neutral tones like charcoal or deep slates. These colors prevent the green from looking muddy while maintaining the strong contrast needed for accessible button text.
Is #507d02 readable on white or black?
#507d02 has a 4.91:1 contrast ratio on white and 4.27: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.