#386B61 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated teal leans into dark, moody territory. As a dominant background color, #386b61 creates a grounded, sophisticated atmosphere for wellness or technology interfaces. Because this hex code is quite dark, white text offers excellent readability with a 6.1:1 contrast ratio. Avoid using it for fine details or thin lines, as the heavy saturation can cause the shade to lose definition at smaller scales.
Questions about #386b61
What is #386b61 in RGB, HSL and CMYK?
In RGB, #386b61 is rgb(56, 107, 97), in HSL hsl(168, 31%, 32%) and in CMYK 48%, 0%, 9%, 58%.
Does #386b61 work well for UI interface text?
#386b61 is generally too dark for effective readability as a text color on most backgrounds. Use it primarily as a primary container or background color, pairing it with high-contrast white or soft cream text to maintain accessibility.
What colors pair harmoniously with #386b61?
This muted teal pairs beautifully with terracotta for a natural, earthy contrast or cream to soften its moody edge. Its desaturated quality makes it a versatile anchor color that balances well against lighter, warmer neutrals.
Is #386b61 readable on white or black?
#386b61 has a 6.09:1 contrast ratio on white and 3.44: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.