#580CCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-saturation violet carries a moody, artificial edge perfect for gaming interfaces or digital branding. Because it is so dominant, use #580ccc sparingly as a 10% accent rather than a full background to avoid overwhelming the eye. It pairs well with crisp white text, which creates the best readability for this specific hex code.
Questions about #580ccc
What is #580ccc in RGB, HSL and CMYK?
In RGB, #580ccc is rgb(88, 12, 204), in HSL hsl(264, 89%, 42%) and in CMYK 57%, 94%, 0%, 20%.
What colors pair well with #580ccc?
Use #580ccc with white or very light grays to ensure high contrast and readability. Because this violet is so intense, pairing it with dark tones often makes text difficult to read, so keeping your background or foreground neutral is the safest design choice.
Where is this color best utilized in design?
This hue works best as a 10% accent in gaming UI or tech-focused digital branding. Its artificial, high-saturation quality can quickly overwhelm a user if used as a primary background, so use it sparingly to guide focus rather than fill space.
Is #580ccc readable on white or black?
#580ccc has a 8.97:1 contrast ratio on white and 2.33: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.