#557E0D Hex Color

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

Hex color #557e0d graphic
This unsaturated lime offers a grounded, earthy alternative to brighter greens. Because it lacks intensity, #557e0d works best as a supporting accent in sports branding or nature-focused UI designs rather than a dominant base. Pair it with soft cream or slate gray to balance the murky undertones. White text remains legible against this shade, making it useful for call-to-action buttons or small interface elements.

Questions about #557e0d

What is #557e0d in RGB, HSL and CMYK?
In RGB, #557e0d is rgb(85, 126, 13), in HSL hsl(82, 81%, 27%) and in CMYK 33%, 0%, 90%, 51%.
What colors pair well with #557e0d?
#557e0d pairs beautifully with soft, neutral tones like cream or slate gray to ground its murky undertones. Because it lacks intensity, these lighter neutrals provide the necessary contrast to make the green stand out without overwhelming your design.
Is #557e0d suitable for text?
#557e0d works best as a background or button color rather than text because of its mid-tone value. If you must use it for type, ensure it sits against a stark white or very deep charcoal background to maintain sufficient readability.
Is #557e0d readable on white or black?
#557e0d has a 4.79:1 contrast ratio on white and 4.37: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.