#7577F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated periwinkle commands immediate attention. Because of its high chroma, #7577f9 works best as a sharp accent or a bold call-to-action button rather than a background. Pair it with deep charcoal or muted slate to ground its energy. With strong contrast against black text, it offers excellent readability, making it a functional choice for modern UI design.
Questions about #7577f9
What is #7577f9 in RGB, HSL and CMYK?
In RGB, #7577f9 is rgb(117, 119, 249), in HSL hsl(239, 92%, 72%) and in CMYK 53%, 52%, 0%, 2%.
How should I use #7577f9 in a website interface?
#7577f9 functions best as a high-contrast accent color for buttons, links, or notification badges rather than as a primary background. Its high chroma ensures it stands out against neutral, darker backgrounds like charcoal or slate gray.
Is #7577f9 readable on white or black?
#7577f9 has a 3.64:1 contrast ratio on white and 5.76: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.