#3A0070 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, deep violet possesses an intense, moody character that leans into near-black territory. The hex code #3a0070 works best as a dark-mode background or a bold, structured accent rather than small body copy. Because white text creates an exceptional 14.9:1 contrast ratio against this shade, it offers perfect legibility for high-impact interfaces where minimalism is the priority.
Questions about #3a0070
What is #3a0070 in RGB, HSL and CMYK?
In RGB, #3a0070 is rgb(58, 0, 112), in HSL hsl(271, 100%, 22%) and in CMYK 48%, 100%, 0%, 56%.
How should I use #3a0070 in my web design?
#3a0070 serves best as a dark-mode background or a primary accent element. Because it creates an exceptional 14.9:1 contrast ratio with white text, it ensures perfect legibility for high-impact interfaces where minimalism and clarity remain the top design priorities.
What colors pair well with #3a0070?
Pair #3a0070 with crisp white or light, muted greys to maximize its dark, dramatic impact. For accents, introduce a vibrant citrus-yellow or a soft lilac to create visual tension and balance against its heavy, near-black violet depth.
Is #3a0070 readable on white or black?
#3a0070 has a 14.85:1 contrast ratio on white and 1.41: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.