#007F4E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This grounded, mid-tone green feels professional rather than strictly organic. As a hex code, #007f4e offers high legibility, meeting WCAG AA standards for white text at a 5.1:1 contrast ratio. Because of its steady chroma, it functions best as a dominant button or UI accent color. Try pairing it with soft warm grays to avoid a harsh clinical look on your web interfaces.
Questions about #007f4e
What is #007f4e in RGB, HSL and CMYK?
In RGB, #007f4e is rgb(0, 127, 78), in HSL hsl(157, 100%, 25%) and in CMYK 100%, 0%, 39%, 50%.
How should I use #007f4e in web interface design?
#007f4e functions best as a dominant button or primary UI accent color because of its high legibility. It meets WCAG AA standards for white text contrast, ensuring your design remains accessible while maintaining a professional and grounded aesthetic.
What colors pair well with #007f4e to avoid a clinical look?
Pair #007f4e with soft warm grays to soften its appearance and prevent a sterile interface. Using neutrals helps ground this specific shade of green, making it feel less mechanical and more approachable for modern web layouts.
Is #007f4e readable on white or black?
#007f4e has a 5.06:1 contrast ratio on white and 4.14: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.