#904EDD Hex Color
A high-intensity violet that commands focus
#904edd is a saturated, high-intensity violet that demands attention. Because of its boldness, use it as a striking accent rather than a background color to avoid overwhelming the viewer. It pairs unexpectedly well with deep teals or sharp citrus yellows. The hex code #904edd holds enough contrast against white text to ensure readability, making it an excellent choice for calls to action or UI highlights.
Questions about #904edd
What is #904edd in RGB, HSL and CMYK?
In RGB, #904edd is rgb(144, 78, 221), in HSL hsl(268, 68%, 59%) and in CMYK 35%, 65%, 0%, 13%.
How can I use #904edd effectively in UI design?
Use #904edd primarily for interactive elements like buttons, call-to-action links, or hover states where you need to draw the eye immediately. Because it is highly saturated, avoid using it for large background areas as it can cause visual fatigue over time.
What colors pair well with #904edd?
Pair #904edd with sharp citrus yellows or deep teals to create a vibrant, modern contrast. For a more sophisticated, grounded look, balance this intense violet against neutral tones like a cool slate or a soft cream to keep the design feeling breathable.
Is #904edd readable on white or black?
#904edd has a 4.86:1 contrast ratio on white and 4.31: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.