#3A1A4A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated purple is moody and serious, making it a strong choice for high-contrast dark mode interfaces. Because the hex code #3a1a4a maintains high readability with white text, it works well for both backgrounds and bold accent elements. Pair it with soft creams or warm grays to avoid a muddy look. This deep shade brings structural integrity to any layout.
Questions about #3a1a4a
What is #3a1a4a in RGB, HSL and CMYK?
In RGB, #3a1a4a is rgb(58, 26, 74), in HSL hsl(280, 48%, 20%) and in CMYK 22%, 65%, 0%, 71%.
What colors pair best with the deep purple #3a1a4a?
#3a1a4a relies on soft, low-contrast partners to maintain clarity. Pair it with warm, neutral tones like cream or warm gray to prevent the purple from appearing muddy while keeping the overall layout feeling sophisticated and intentional.
Is #3a1a4a a suitable choice for dark mode UI backgrounds?
Yes, #3a1a4a serves as an excellent dark mode background because it maintains high readability when paired with white or near-white text. Its unsaturated, deep nature reduces eye strain while offering more visual character than a standard black or gray surface.
Is #3a1a4a readable on white or black?
#3a1a4a has a 14.72:1 contrast ratio on white and 1.42: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.