#334D4D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty cyan has a muted, atmospheric quality that feels grounded rather than bright. Because the hex code #334d4d lacks high saturation, it functions best as a stabilizing background or a serious UI element. White text pops well against its depth. Pair this color with pale, creamy yellows or soft coral accents to prevent the overall palette from feeling too gloomy or flat.
Questions about #334d4d
What is #334d4d in RGB, HSL and CMYK?
In RGB, #334d4d is rgb(51, 77, 77), in HSL hsl(180, 20%, 25%) and in CMYK 34%, 0%, 0%, 70%.
What colors pair well with #334d4d for a balanced palette?
This deep tone works best when lifted by warm, lighter accents to counter its inherent heaviness. Try pairing #334d4d with cream or soft coral to add brightness, or use pale yellow to create a sophisticated, high-contrast look that feels welcoming rather than gloomy.
How should I use #334d4d in user interface design?
#334d4d functions exceptionally well as a dark, stabilizing background for cards or navigation bars where you need depth without the intensity of pure black. Because it maintains high readability for white text, it is a practical, professional choice for data-heavy dashboards or calm, wellness-focused digital environments.
Is #334d4d readable on white or black?
#334d4d has a 9.09:1 contrast ratio on white and 2.30: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.