#344E47 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted teal with strong grey undertones, #344e47 feels grounded and serious. Because it is quite dark and low in chroma, use it as a sophisticated base for UI backgrounds or branding rather than small text. It pairs well with warm, creamy off-whites to soften its bleak edge. The hex code for this moody color is #344e47, offering high readability for white text.
Questions about #344e47
What is #344e47 in RGB, HSL and CMYK?
In RGB, #344e47 is rgb(52, 78, 71), in HSL hsl(164, 20%, 25%) and in CMYK 33%, 0%, 9%, 69%.
What colors pair best with #344e47?
To balance the heavy, greyish weight of #344e47, pair it with soft, creamy off-whites or warm beiges. These light neutrals prevent the color from appearing too bleak and help maintain a clean, professional aesthetic for your interface design or branding.
Is #344e47 suitable for body text?
Using #344e47 as a background color provides high readability for white or light-colored text due to its dark, low-chroma value. Avoid using #344e47 for body text itself, as its deep saturation can cause strain on the eyes in smaller font sizes.
Is #344e47 readable on white or black?
#344e47 has a 9.02:1 contrast ratio on white and 2.32: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.