#3F3071 Hex Color

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

Select a Color

This deep, muted violet possesses a serious, structured character that works best for moody UI backgrounds or high-contrast branding. Because it is quite dark, the hex code #3f3071 provides excellent legibility when paired with white text. Use it as a dominant base rather than an accent to maintain its grounded, sophisticated weight without becoming overwhelming in your layout.

Questions about #3f3071

What is #3f3071 in RGB, HSL and CMYK?

In RGB, #3f3071 is rgb(63, 48, 113), in HSL hsl(254, 40%, 32%) and in CMYK 44%, 58%, 0%, 56%.

What colors pair well with #3f3071?

#3f3071 works best when balanced by high-contrast neutrals like crisp white or soft cream for readability. For a sophisticated palette, try layering it with desaturated gold accents or a muted teal to create a sense of depth without overwhelming the layout.

Is #3f3071 readable on white or black?

#3f3071 has a 11.21:1 contrast ratio on white and 1.87: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.

#3F3071 Hex Color

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

Questions about #3f3071

Color tools

Resources