#7D45ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, electrified violet demands attention with high saturation. Because it is so vivid, it works best as a 10% accent color for UI highlights or buttons rather than a background. Pair it with dark, muted grays to keep the composition grounded. The hex code for this purple is #7d45ed, and white text maintains perfect legibility over it for accessibility.
Questions about #7d45ed
What is #7d45ed in RGB, HSL and CMYK?
In RGB, #7d45ed is rgb(125, 69, 237), in HSL hsl(260, 82%, 60%) and in CMYK 47%, 71%, 0%, 7%.
How should I use #7d45ed in a UI design?
Use #7d45ed sparingly as an accent color for interactive elements like buttons or notification badges. Because it is so highly saturated, it can overwhelm the eye if used for large backgrounds, so pair it with muted charcoal or light grays for balance.
Is #7d45ed readable on white or black?
#7d45ed has a 5.32:1 contrast ratio on white and 3.94: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.