#3F7F55 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated green provides a muted, organic foundation for sustainable branding and UI design. Because it sits comfortably in the mid-tones, it supports white text with excellent readability. Pair the hex code #3f7f55 with muted terracotta or pale sand to break up the monotony of purely green palettes. It shines as a secondary element rather than a dominant background color.
Questions about #3f7f55
What is #3f7f55 in RGB, HSL and CMYK?
In RGB, #3f7f55 is rgb(63, 127, 85), in HSL hsl(141, 34%, 37%) and in CMYK 50%, 0%, 33%, 50%.
Which accent colors pair best with #3f7f55?
Because #3f7f55 is a muted, desaturated green, it works best when paired with warm, earthy tones to create contrast. Try using terracotta or pale sand to break up the organic feel and prevent the palette from becoming too monochromatic or flat.
Is #3f7f55 suitable for text usage in UI design?
While #3f7f55 is excellent for buttons, borders, or background elements, it is often too dark and unsaturated for small body text. Use it primarily as a secondary accent color and ensure sufficient contrast when placing white or off-white text over it.
Is #3f7f55 readable on white or black?
#3f7f55 has a 4.79:1 contrast ratio on white and 4.37: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.