#3C0099 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense violet is dark and saturated, offering a moody presence for tech interfaces or luxury branding. Because it is so deep, it works best as a dominant base rather than an accent. Pair it with crisp white text to take advantage of its high 12.7:1 contrast ratio. The hex code for this powerful shade is #3c0099.
Questions about #3c0099
What is #3c0099 in RGB, HSL and CMYK?
In RGB, #3c0099 is rgb(60, 0, 153), in HSL hsl(264, 100%, 30%) and in CMYK 61%, 100%, 0%, 40%.
How should I use #3c0099 in a UI design?
Use #3c0099 as a dominant base color for backgrounds or branding elements rather than small accents. Because it is so saturated, pairing it with crisp white text ensures optimal readability and maintains a clean, modern aesthetic for tech-focused interfaces.
What colors pair best with #3c0099?
To balance the intensity of #3c0099, pair it with muted neutrals like light gray or silver to avoid visual fatigue. If you need a more vibrant palette, consider adding citrus yellow or lime as a stark, energetic contrast.
Is #3c0099 readable on white or black?
#3c0099 has a 12.71:1 contrast ratio on white and 1.65: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.