#7B57D6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7b57d6 is a bold, saturated violet that demands attention. Because of its high intensity, this color works best as an accent rather than a background for large text blocks. Pair it with soft, muted greys to ground the look and prevent it from becoming visually overwhelming. White text remains perfectly legible against this shade, making it a strong choice for UI highlights and call-to-action buttons.
Questions about #7b57d6
What is #7b57d6 in RGB, HSL and CMYK?
In RGB, #7b57d6 is rgb(123, 87, 214), in HSL hsl(257, 61%, 59%) and in CMYK 43%, 59%, 0%, 16%.
How do you effectively pair #7b57d6 in web design?
#7b57d6 works best as a punchy accent color against neutral backdrops. Balance its high intensity by pairing it with charcoal or soft off-white backgrounds, which prevents the violet from overwhelming your layout while keeping interface elements readable.
Is #7b57d6 readable on white or black?
#7b57d6 has a 5.02:1 contrast ratio on white and 4.17: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.