#704CD1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-intensity and saturated, #704cd1 commands attention with a vivid, energetic presence. This bold violet works best as a punchy accent or a secondary color in gaming interfaces, rather than a full background. It pairs exceptionally well with muted, desaturated tones—even learning what colors make gray helps ground it. White text remains readable against this hex code, ensuring accessibility for critical UI elements.
Questions about #704cd1
What is #704cd1 in RGB, HSL and CMYK?
In RGB, #704cd1 is rgb(112, 76, 209), in HSL hsl(256, 59%, 56%) and in CMYK 46%, 64%, 0%, 18%.
How should I use #704cd1 in digital interfaces?
Use #704cd1 as a high-impact accent color rather than a dominant background tone. Because of its high saturation, it works best to draw user attention to key buttons or status indicators, while pairing well with neutral tones like charcoal or soft whites for readability.
What colors balance the intensity of #704cd1?
To ground this intense violet, pair it with muted or desaturated tones that soften its natural energy. Earthy neutrals like taupe or cool, muted grays help balance the vibrancy, allowing the violet to stand out without overwhelming the overall layout of your design.
Is #704cd1 readable on white or black?
#704cd1 has a 5.76:1 contrast ratio on white and 3.64: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.