#4C2F3B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated pink carries a serious, almost moody weight. It functions best as a grounding base or a supporting background element rather than a dominant color, as its muted tones can feel heavy in large areas. For clean, legible UI designs, pair it with white text, which offers excellent readability against the dark surface. The hex code for this shade is #4c2f3b.
Questions about #4c2f3b
What is #4c2f3b in RGB, HSL and CMYK?
In RGB, #4c2f3b is rgb(76, 47, 59), in HSL hsl(335, 24%, 24%) and in CMYK 0%, 38%, 22%, 70%.
What colors pair well with #4c2f3b for UI design?
Because #4c2f3b is a dark and muted pink, it pairs effectively with crisp off-white or soft cream tones to maintain readability. You can also ground it with a dark charcoal to create a subtle, monochromatic depth that feels professional.
How should I use #4c2f3b in a layout?
Use #4c2f3b as a structural base or background element rather than a dominant feature, as its heavy, unsaturated nature can overwhelm a design. When applying it to large surfaces, always use high-contrast typography to ensure your content remains fully accessible.
Is #4c2f3b readable on white or black?
#4c2f3b has a 11.81:1 contrast ratio on white and 1.77: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.