#3A0CA3 Hex Color

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

Hex color #3a0ca3 graphic
This intense indigo delivers a high-voltage, modern feel that commands attention. Because it is quite dark, white text reads perfectly against it with an 11.9:1 contrast ratio. Designers often use the hex code #3a0ca3 for bold brand accents or UI backgrounds. Just use it carefully, as its high saturation can easily overwhelm softer colors if applied to large areas without balancing lighter elements.

Questions about #3a0ca3

What is #3a0ca3 in RGB, HSL and CMYK?
In RGB, #3a0ca3 is rgb(58, 12, 163), in HSL hsl(258, 86%, 34%) and in CMYK 64%, 93%, 0%, 36%.
What design scenarios work best for #3a0ca3?
Designers utilize #3a0ca3 to create high-energy brand accents or distinct UI elements that demand immediate user attention. Because of its high saturation and depth, it is most effective when used for smaller components rather than large, immersive background areas.
Is #3a0ca3 readable on white or black?
#3a0ca3 has a 11.92:1 contrast ratio on white and 1.76: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.