#4F7955 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated green feels dusty and matte, offering a grounded, organic aesthetic. It works best as a large background element rather than a small accent, where it might lose definition. Pair #4f7955 with warm cream shades to avoid a muddy appearance in your layout. White text provides clear, readable contrast against this hex code, keeping your designs accessible and balanced.
Questions about #4f7955
What is #4f7955 in RGB, HSL and CMYK?
In RGB, #4f7955 is rgb(79, 121, 85), in HSL hsl(129, 21%, 39%) and in CMYK 35%, 0%, 30%, 53%.
What colors pair best with #4f7955?
Pair #4f7955 with warm, creamy off-whites or soft neutrals to prevent the design from looking muddy. If you need a stronger contrast, deep charcoal grays or even a warm terracotta can provide a sophisticated, grounded balance for your UI.
Does #4f7955 work well as a primary interface color?
This shade functions beautifully as a large-scale background or hero section color, providing a calming and organic user experience. Avoid using it for small text or thin lines, as its unsaturated, dusty nature can lose definition against complex layouts.
Is #4f7955 readable on white or black?
#4f7955 has a 5.00:1 contrast ratio on white and 4.19: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.