#402A48 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted violet carries an inky, ashy quality that reads serious and grounded. With high contrast against white text, #402a48 serves as a strong base for moody website backgrounds or gaming interfaces. Because of its dusty saturation, it avoids the artificial brightness found when mixing purple. Use this hex code sparingly as a primary color, as it can feel heavy in large, uninterrupted blocks.
Questions about #402a48
What is #402a48 in RGB, HSL and CMYK?
In RGB, #402a48 is rgb(64, 42, 72), in HSL hsl(284, 26%, 22%) and in CMYK 11%, 42%, 0%, 72%.
What design elements work best with #402a48?
Use #402a48 as a grounded backdrop for high-contrast white text or sharp, minimalist interface elements. Because of its dusty saturation, it creates a serious, professional aesthetic when paired with muted metallics or clean neutrals like off-white.
Does #402a48 lean towards warm or cool tones?
The color #402a48 leans decidedly cool, primarily due to its deep, inky blue undertones that strip away the playful warmth often found in bright purples. This makes it feel more stable and less artificial than vibrant violet hues.
Is #402a48 readable on white or black?
#402a48 has a 12.78:1 contrast ratio on white and 1.64: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.