#5E7026 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5e7026 graphic
This muted, earthy olive-lime carries a grounded, organic feel. The hex code for this color is #5e7026. It functions best as a supporting accent in natural branding or outdoor apparel. Because it provides strong contrast with white text, use it for readable, bold UI elements. Avoid using it as a primary background, as the lower saturation can read as muddy at large scales.

Questions about #5e7026

What is #5e7026 in RGB, HSL and CMYK?
In RGB, #5e7026 is rgb(94, 112, 38), in HSL hsl(75, 49%, 29%) and in CMYK 16%, 0%, 66%, 56%.
How should I use #5e7026 in interface design?
Use #5e7026 as a bold accent color for buttons or interactive elements where it can maintain high contrast against light backgrounds. Because its lower saturation can appear muddy, avoid applying it to large background areas or as the primary fill for small text.
What color palettes complement #5e7026?
Pair #5e7026 with neutral tones like cream or slate to balance its earthy, olive undertones without overwhelming the design. It also creates a cohesive, nature-inspired look when combined with deep terracotta or warm wood-toned browns.
Is #5e7026 readable on white or black?
#5e7026 has a 5.49:1 contrast ratio on white and 3.82: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.