#567E64 Hex Color

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

Hex color #567e64 graphic
Bleak and dusty, #567e64 is a low-saturation green with a matte, ashy finish. It provides a grounded, stable backdrop for organic design systems or sustainability brands. Because it holds enough contrast for white text, the hex code works well as a main UI background. Pair it with soft creams or warm grays to avoid a muddy look.

Questions about #567e64

What is #567e64 in RGB, HSL and CMYK?
In RGB, #567e64 is rgb(86, 126, 100), in HSL hsl(141, 19%, 42%) and in CMYK 32%, 0%, 21%, 51%.
What colors pair best with #567e64 for a professional design?
#567e64 works best when grounded by neutral tones to maintain its organic feel. Pair it with warm, sandy beige or soft cream to prevent a muddy appearance, or use clean off-white text to ensure high readability and contrast in your UI.
Is #567e64 suitable for use as a primary background color?
Yes, #567e64 makes an excellent background because its low saturation minimizes eye strain during extended viewing. It provides enough contrast to support white or very light-colored text, making it a reliable choice for sustainable brands or calm, nature-inspired digital interfaces.
Is #567e64 readable on white or black?
#567e64 has a 4.60:1 contrast ratio on white and 4.56: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 for body text. Try other pairs in the contrast checker.