#7F36ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity violet carries significant visual weight. Because of its extreme saturation, #7f36ed works best as a punchy accent color rather than a large background field. Designers often use it for buttons or call-to-action highlights to capture attention. White text maintains a sharp 5.7:1 contrast ratio against this hex code, #7f36ed, ensuring that even small type remains legible.
Questions about #7f36ed
What is #7f36ed in RGB, HSL and CMYK?
In RGB, #7f36ed is rgb(127, 54, 237), in HSL hsl(264, 84%, 57%) and in CMYK 46%, 77%, 0%, 7%.
How should I use #7f36ed in web design?
Because of its intense saturation, #7f36ed functions best as a focused accent color rather than a large background field. Use it for call-to-action buttons or navigation highlights to draw the user's eye, as it naturally commands high visual weight.
Is #7f36ed readable on white or black?
#7f36ed has a 5.74:1 contrast ratio on white and 3.65: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.