#7E75F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated periwinkle-leaning shade packs a punch in any UI. Because #7e75f9 is intense and bright, use it primarily as an accent or a call-to-action button rather than a background. It pairs exceptionally well with charcoal or near-black text for high readability. If you ever need to tone down its loudness, knowing what colors make gray can help you neutralize it for calmer design applications.
Questions about #7e75f9
What is #7e75f9 in RGB, HSL and CMYK?
In RGB, #7e75f9 is rgb(126, 117, 249), in HSL hsl(244, 92%, 72%) and in CMYK 49%, 53%, 0%, 2%.
How should I use #7e75f9 in a website interface?
#7e75f9 is highly saturated and demands attention, making it an ideal choice for interactive elements like buttons, toggle switches, or notification badges. Avoid using it for large backgrounds, as its intensity can cause eye strain over long periods.
What colors pair well with #7e75f9?
Pair #7e75f9 with a deep charcoal or near-black to ensure text remains legible against its brightness. For a balanced, modern palette, combine it with neutral creams or soft off-whites to let the periwinkle stand out without feeling overwhelming.
Is #7e75f9 readable on white or black?
#7e75f9 has a 3.62:1 contrast ratio on white and 5.79: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.