#7357EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This punchy, saturated violet demands immediate attention. Use the hex code #7357ea as a 10% accent for buttons or call-to-action elements, rather than a background fill. Because white text reads clearly against this shade with a 4.9:1 contrast ratio, it remains legible in UI design. If you need to tone down its intensity, learning what colors make gray provides useful balance.
Questions about #7357ea
What is #7357ea in RGB, HSL and CMYK?
In RGB, #7357ea is rgb(115, 87, 234), in HSL hsl(251, 78%, 63%) and in CMYK 51%, 63%, 0%, 8%.
Where should I use #7357ea in my web design?
Use #7357ea sparingly as a 10 percent accent color for primary call-to-action buttons or highlights. Because of its high saturation, it can overwhelm a layout if used as a large background fill, but it commands attention in smaller interactive elements.
Is #7357ea readable on white or black?
#7357ea has a 4.90:1 contrast ratio on white and 4.28: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.