#3C504E Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3c504e graphic
A dark, muted teal with heavy gray undertones, #3c504e functions best as a sophisticated background rather than a main accent. Its dusty quality provides a serious, moody feel perfect for technology or wellness interfaces. Because white text offers strong legibility against this hex code, it serves well for UI elements. If you are learning how to make gray, this shade demonstrates how subtle chroma shifts create balanced, complex tones.

Questions about #3c504e

What is #3c504e in RGB, HSL and CMYK?
In RGB, #3c504e is rgb(60, 80, 78), in HSL hsl(174, 14%, 27%) and in CMYK 25%, 0%, 2%, 69%. Browse more shades of gray with names and hex codes.
What colors pair well with #3c504e for UI design?
#3c504e works beautifully when paired with warm neutrals like cream or soft beige to balance its deep, cool tones. For a more modern, high-contrast interface, consider using bright, clean white text or subtle slate accents to maintain legibility.
Is #3c504e readable on white or black?
#3c504e has a 8.57:1 contrast ratio on white and 2.44: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.