#3E1521 Hex Color

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

Hex color #3e1521 graphic
This very dark, desaturated pink carries a moody, dusty quality that leans toward plum. Because #3e1521 is so dark, it functions effectively as a sophisticated alternative to standard black or charcoal in branding and UI backgrounds. White text creates a high-contrast pairing against this hex code, providing excellent readability. Use it sparingly as a dominant base to avoid making designs feel overly enclosed or heavy.

Questions about #3e1521

What is #3e1521 in RGB, HSL and CMYK?
In RGB, #3e1521 is rgb(62, 21, 33), in HSL hsl(342, 49%, 16%) and in CMYK 0%, 66%, 47%, 76%. Browse more shades of pink with names and hex codes.
How should I use #3e1521 in a UI design?
Use #3e1521 sparingly as an accent or background color to avoid making your interface feel heavy. Because it is so dark, it pairs perfectly with crisp white text or soft off-white elements to ensure high contrast and readability.
What colors pair well with #3e1521?
Pair #3e1521 with neutral tones like cream or light gray to balance its deep, plum-like intensity. You can also use soft pastels to brighten the palette without losing the sophisticated, moody aesthetic that this specific shade provides.
Is #3e1521 readable on white or black?
#3e1521 has a 15.74:1 contrast ratio on white and 1.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.