#3F6656 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty teal carries a serious and grounded energy due to its low saturation and dark value. Because #3f6656 is so understated, it works best as a supporting background or a secondary accent rather than a dominant color. Pair it with crisp white text for excellent readability, as the contrast ratio is strong enough for any interface design. The hex code is #3f6656.
Questions about #3f6656
What is #3f6656 in RGB, HSL and CMYK?
In RGB, #3f6656 is rgb(63, 102, 86), in HSL hsl(155, 24%, 32%) and in CMYK 38%, 0%, 16%, 60%.
How should I use #3f6656 in user interface design?
#3f6656 works best as a primary background or a large-scale accent color because it is muted and low-contrast against black text. Use it with white text to ensure readability, as its dark value provides a calm, serious foundation.
What colors pair best with #3f6656?
Pair #3f6656 with warm cream or soft beige to neutralize its cool, serious tone. If you need a stronger contrast, a burnt orange provides a vibrant, complementary pop that keeps the design feeling balanced rather than overwhelming.
Is #3f6656 readable on white or black?
#3f6656 has a 6.46:1 contrast ratio on white and 3.24: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.