#3C4C4C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy cyan carries a heavy, serious weight that reads as almost grey. Because it is so desaturated, #3c4c4c works best as a dark background for modern UI designs or as a grounding base for complex palettes. It offers exceptional contrast for white text, though it can feel slightly muddy if used in large, flat blocks. If you want to learn what colors make gray, this shade is a great reference point.
Questions about #3c4c4c
What is #3c4c4c in RGB, HSL and CMYK?
In RGB, #3c4c4c is rgb(60, 76, 76), in HSL hsl(180, 12%, 27%) and in CMYK 21%, 0%, 0%, 70%.
How should I use #3c4c4c in user interface design?
#3c4c4c works best as a dark background for modern web interfaces because it offers a sophisticated, less harsh alternative to pure black. It provides high contrast for white text, ensuring your layout remains readable while feeling grounded and professional.
What colors pair well with the hex code #3c4c4c?
This muted shade pairs beautifully with lighter, warm neutrals like cream or soft beige to balance its cool, ashy undertones. For a higher contrast look, consider adding a vibrant accent color like a muted mustard yellow or a soft terracotta.
Is #3c4c4c readable on white or black?
#3c4c4c has a 9.01:1 contrast ratio on white and 2.33: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.