#4D663F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This matte, dusty green leans heavily into earthy, muted tones with a serious, grounded character. Because #4d663f is quite unsaturated, it can feel muddy if used for large blocks of color, making it better suited for supporting elements or textured backgrounds. It pairs well with crisp cream or soft terracotta accents. For accessibility, white text offers excellent readability over this dark hex code.
Questions about #4d663f
What is #4d663f in RGB, HSL and CMYK?
In RGB, #4d663f is rgb(77, 102, 63), in HSL hsl(98, 24%, 32%) and in CMYK 25%, 0%, 38%, 60%.
What colors pair best with #4d663f?
The muted, earthy quality of #4d663f works beautifully when contrasted with lighter, warmer neutrals. Pair it with cream or terracotta to add depth, while keeping text legible by using pure white or very light beige overlays against this dark background.
How should I use #4d663f in UI design?
Because #4d663f is quite unsaturated, it avoids overwhelming the user and serves best as a supporting background or for secondary UI elements. Its serious, grounded nature makes it an excellent choice for branding that requires a sophisticated, professional, yet organic feel without becoming visually loud.
Is #4d663f readable on white or black?
#4d663f has a 6.38:1 contrast ratio on white and 3.28: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.