#7F73F8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated periwinkle demands immediate attention in digital interfaces. Use hex code #7f73f8 as an accent or call-to-action to break up monotonous layouts. It pairs well with muted charcoal, preventing the palette from feeling too playful. Because it maintains strong contrast, black text remains readable over this hue, though it serves designers best as a 10 percent accent rather than a full page background.
Questions about #7f73f8
What is #7f73f8 in RGB, HSL and CMYK?
In RGB, #7f73f8 is rgb(127, 115, 248), in HSL hsl(245, 90%, 71%) and in CMYK 49%, 54%, 0%, 3%.
How should I effectively use #7f73f8 in a web design palette?
#7f73f8 serves best as a strategic 10 percent accent rather than a primary background color. It draws the eye immediately, making it the perfect choice for buttons, notification badges, or icon highlights that need to pop against neutral, dark-mode surfaces.
What colors pair well with #7f73f8 to balance its intensity?
Pair #7f73f8 with charcoal or deep slate grays to anchor the vibrancy. These dark neutrals prevent the periwinkle from feeling too playful or chaotic, creating a professional, sophisticated look that remains highly readable for text overlays.
Is #7f73f8 readable on white or black?
#7f73f8 has a 3.67:1 contrast ratio on white and 5.71:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.