#7551EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated purple is loud, intense, and impossible to ignore. Its high chroma makes it a perfect accent color for call-to-action buttons or highlights where you need immediate attention. Because it is so bright, use it sparingly against dark neutrals rather than as a background. The hex code for this color is #7551eb, which maintains enough contrast with white text for readable UI copy.
Questions about #7551eb
What is #7551eb in RGB, HSL and CMYK?
In RGB, #7551eb is rgb(117, 81, 235), in HSL hsl(254, 79%, 62%) and in CMYK 50%, 66%, 0%, 8%.
How can I use #7551eb effectively in web design?
Apply #7551eb primarily as a high-contrast accent or button color to draw user attention because its intense saturation can quickly overwhelm a layout if used as a background. It maintains excellent readability when placed against clean, dark neutral tones like charcoal or near-black backgrounds.
What colors pair well with #7551eb for a balanced palette?
This vibrant violet pairs beautifully with cool gray or soft teal to balance its electric energy with neutral or calming counterparts. Using it alongside monochromatic shades of the same hue allows you to create depth without clashing with the primary tone.
Is #7551eb readable on white or black?
#7551eb has a 5.08:1 contrast ratio on white and 4.13: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.