#557C0B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#557c0b is a muted, earthy olive with strong yellow undertones. Because of its lower saturation, it functions best as a grounding 10% accent rather than a dominant background. It pairs well with charcoal or warm slate grays to tone down its intensity. While white text is legible against the hex code #557c0b, use it sparingly in UI to avoid a muddy appearance.
Questions about #557c0b
What is #557c0b in RGB, HSL and CMYK?
In RGB, #557c0b is rgb(85, 124, 11), in HSL hsl(81, 84%, 26%) and in CMYK 31%, 0%, 91%, 51%.
What colors pair well with #557c0b for a balanced design?
This earthy green is best balanced by grounding neutrals. Try pairing #557c0b with charcoal or warm slate grays to soften its intensity, or use a soft cream to highlight its yellow undertones without making the composition look muddy.
Is #557c0b suitable for UI design or text backgrounds?
Use #557c0b sparingly in UI design as an accent color, typically covering no more than 10% of your layout. While white text is technically legible against it, the color's low saturation can make large blocks of it feel heavy or muddy.
Is #557c0b readable on white or black?
#557c0b 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.