#557047 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty olive serves as a grounded base for branding or nature-inspired UI projects. Because it is highly unsaturated, it reads matte and serious rather than energetic. The hex code #557047 provides enough contrast for white text, making it a reliable choice for readable body content. Pair it with soft creams or warm grays to avoid a muddy appearance in your layout.
Questions about #557047
What is #557047 in RGB, HSL and CMYK?
In RGB, #557047 is rgb(85, 112, 71), in HSL hsl(100, 22%, 36%) and in CMYK 24%, 0%, 37%, 56%.
What colors pair well with #557047?
The muted, earthy tone of #557047 works best alongside neutral companions like soft cream or warm gray to avoid a muddy appearance. To create higher contrast, pair this olive shade with crisp off-white or deep charcoal text for better readability.
How does #557047 perform in digital user interfaces?
Because #557047 is highly unsaturated and reads as a matte, serious tone, it excels as a background color for wellness or nature-themed branding. It provides enough contrast to keep white text readable, making it a functional choice for modern, grounded layouts.
Is #557047 readable on white or black?
#557047 has a 5.53:1 contrast ratio on white and 3.79: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.