#3D554F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy teal feels grounded and serious. As a dark tone with heavy grey undertones, #3d554f serves well as a sophisticated background for UI designs or healthcare branding. It offers enough contrast for white text to remain legible. If you are learning how to make gray, consider this shade a prime example of desaturation. It works best as a primary base rather than an accent.
Questions about #3d554f
What is #3d554f in RGB, HSL and CMYK?
In RGB, #3d554f is rgb(61, 85, 79), in HSL hsl(165, 16%, 29%) and in CMYK 28%, 0%, 7%, 67%.
Is #3d554f considered a warm or cool color?
While #3d554f sits within the teal family, its heavy grey undertones push it toward a neutral, cool temperature. This makes it an ideal anchor for professional designs where you want the mood to feel serious and established rather than playful or energetic.
What colors pair best with #3d554f?
This muted tone works best alongside high-contrast neutrals like crisp off-white or soft cream. For a more colorful palette, try balancing its desaturated nature with a muted terracotta or a dusty gold to add warmth without overwhelming the serious aesthetic.
Is #3d554f readable on white or black?
#3d554f has a 8.04:1 contrast ratio on white and 2.61: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.