#7E8900 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
An earthy, muted yellow with strong olive undertones, this shade feels grounded and approachable. It functions best as a 10% accent rather than a background, where it can appear muddy. The hex code #7e8900 maintains a 5.5:1 contrast ratio against black text, ensuring readability for small type. Designers often use this specific yellow to bring a touch of warm, budget-conscious energy to UI elements and brand assets.
Questions about #7e8900
What is #7e8900 in RGB, HSL and CMYK?
In RGB, #7e8900 is rgb(126, 137, 0), in HSL hsl(65, 100%, 27%) and in CMYK 8%, 0%, 100%, 46%.
How should I use #7e8900 in a UI design?
Use #7e8900 sparingly as a 10% accent color to maintain visual balance without overwhelming the interface. It functions exceptionally well for buttons or highlight elements where you want an earthy, approachable feel that avoids being overly bright or saturated.
What colors pair best with #7e8900?
This olive shade creates a natural, professional look when paired with deep charcoal for high contrast or a soft cream for a vintage aesthetic. Avoid placing it against neon tones, as those will make the olive appear muddy rather than grounded.
Is #7e8900 readable on white or black?
#7e8900 has a 3.84:1 contrast ratio on white and 5.46:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.