#3E5857 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dark teal leans toward grey, offering a moody and understated presence. Because #3e5857 provides strong contrast for white text, it serves as an effective, readable dark background for UI designs. Pair it with soft cream or pale peach to balance its natural, dusty coolness. The hex code for this serious, shadowy tone is #3e5857.
Questions about #3e5857
What is #3e5857 in RGB, HSL and CMYK?
In RGB, #3e5857 is rgb(62, 88, 87), in HSL hsl(178, 17%, 29%) and in CMYK 30%, 0%, 1%, 65%.
How can I best pair #3e5857 in a color palette?
#3e5857 looks most natural when grounded by warm, neutral tones. You can create an elegant, high-contrast scheme by pairing it with cream or pale peach, which cut through the color's inherent, dusty coolness.
Is #3e5857 suitable for text-heavy UI backgrounds?
Yes, #3e5857 serves as an excellent dark background because it provides substantial contrast against standard white text while being less harsh than pure black. This makes it a great choice for readability in modern, comfortable interface designs.
Is #3e5857 readable on white or black?
#3e5857 has a 7.66:1 contrast ratio on white and 2.73: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 is too faint for text. Try other pairs in the contrast checker.