#3F1E63 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, saturated violet carries a heavy and mysterious weight. Because it is quite dark, use #3f1e63 as a grounding base color for UI backgrounds rather than small text. It pairs well with high-contrast white elements or gold accents for a luxurious feel. The hex code for this dark purple is #3f1e63. Avoid using it in poorly lit designs where it may look too muted.
Questions about #3f1e63
What is #3f1e63 in RGB, HSL and CMYK?
In RGB, #3f1e63 is rgb(63, 30, 99), in HSL hsl(269, 53%, 25%) and in CMYK 36%, 70%, 0%, 61%.
What colors pair well with #3f1e63 in a design?
#3f1e63 functions best when grounded by high-contrast elements. Pair it with soft cream or bright white to maintain readability, or use metallic gold and brass accents to lean into its luxurious, mysterious quality without making the layout feel muddy.
Is #3f1e63 suitable for use as text color?
Using #3f1e63 as body text is generally risky for accessibility as it lacks sufficient contrast against most backgrounds. It is much more effective as a sophisticated, moody background color, reserving high-contrast lighter shades for any critical type or navigational elements.
Is #3f1e63 readable on white or black?
#3f1e63 has a 13.31:1 contrast ratio on white and 1.57: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.