#7F3FED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense purple is loud and beaming. Because it is so saturated, #7f3fed works best as a punchy accent for calls to action rather than a large background. It pairs well with white for legibility, as white text hits a 5.5:1 contrast ratio against this shade. Use the hex code #7f3fed sparingly to draw immediate attention in digital interfaces and branding projects.
Questions about #7f3fed
What is #7f3fed in RGB, HSL and CMYK?
In RGB, #7f3fed is rgb(127, 63, 237), in HSL hsl(262, 83%, 59%) and in CMYK 46%, 73%, 0%, 7%.
How should I use #7f3fed in my user interface designs?
Reserve #7f3fed for small, punchy elements like primary action buttons or hover states because its extreme saturation can easily overwhelm background areas. Pair it with white or very light neutrals to maintain legibility and proper contrast ratios.
Does #7f3fed work well with dark or light backgrounds?
#7f3fed provides excellent readability against dark, near-black backgrounds like charcoal, creating a modern, glowing effect common in dark mode UI. On light backgrounds, ensure your text is strictly white or very dark to avoid visual vibrating.
Is #7f3fed readable on white or black?
#7f3fed has a 5.47:1 contrast ratio on white and 3.83: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.