#3F2C56 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy violet feels grounded and serious, acting as a sophisticated alternative to standard dark gray. Because it is highly unsaturated, #3f2c56 serves as an excellent base for moody interface designs or dark mode backgrounds. White text creates a sharp, legible contrast over this shade, though it can look slightly muddy if paired with other desaturated tones. Use it to anchor high-contrast layouts.
Questions about #3f2c56
What is #3f2c56 in RGB, HSL and CMYK?
In RGB, #3f2c56 is rgb(63, 44, 86), in HSL hsl(267, 32%, 25%) and in CMYK 27%, 49%, 0%, 66%.
How should I use #3f2c56 in UI design?
#3f2c56 is a perfect anchor for high-contrast dark mode interfaces where you need a sophisticated alternative to standard charcoal. It holds white text exceptionally well, creating a legible and serious aesthetic that feels much warmer than a flat gray.
What colors pair well with #3f2c56?
Pair #3f2c56 with desaturated creams or cool silver to maintain its grounded, serious mood without overwhelming the palette. Avoid pairing it with high-saturation neons, as the difference in vibrancy can cause the violet undertones to appear muddy or disjointed.
Is #3f2c56 readable on white or black?
#3f2c56 has a 12.30:1 contrast ratio on white and 1.70: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.