#3C574D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty teal lands somewhere between dark sage and charcoal. Because it is highly unsaturated, #3c574d acts as a sophisticated base for professional wellness or tech branding. It offers enough contrast for legible white text on dark UI backgrounds. Use it sparingly as a supporting color to ground lighter palettes, as it can feel too heavy or muddy when used for large, solid surfaces.
Questions about #3c574d
What is #3c574d in RGB, HSL and CMYK?
In RGB, #3c574d is rgb(60, 87, 77), in HSL hsl(158, 18%, 29%) and in CMYK 31%, 0%, 11%, 66%.
What colors pair well with #3c574d?
How should I use #3c574d in web UI design?
Because #3c574d is highly unsaturated, it serves perfectly as a background color for sections where you want to minimize visual noise. Avoid using it as a primary button color, as its dark, dusty quality can lack the necessary pop needed for critical call-to-action buttons.
Is #3c574d readable on white or black?
#3c574d has a 7.88:1 contrast ratio on white and 2.66: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.