#580AFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity violet demands attention with its electric saturation. Because it is so loud, use #580aff as a strategic accent rather than a full background. It pairs exceptionally well with muted warm grays, which ground its aggressive energy. The hex code #580aff offers enough contrast for white text to remain readable, making it a functional choice for high-impact buttons or bold UI highlights.
Questions about #580aff
What is #580aff in RGB, HSL and CMYK?
In RGB, #580aff is rgb(88, 10, 255), in HSL hsl(259, 100%, 52%) and in CMYK 65%, 96%, 0%, 0%.
What colors pair best with #580aff?
#580aff thrives when paired with muted neutral tones like charcoal or cool slate gray, which help ground its aggressive vibrancy. Avoiding bright neon complements keeps the user experience professional and prevents visual strain for UI components.
Is #580aff readable on white or black?
#580aff has a 7.23:1 contrast ratio on white and 2.90: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 is too faint for text. Try other pairs in the contrast checker.