#5558FC Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5558fc graphic
This electric shade is intensely saturated and demanding. As a high-energy accent, hex code #5558fc grabs attention immediately, making it ideal for call-to-action buttons or small UI highlights. Because it is so dominant, avoid using it as a large background. It pairs well with crisp white text, which meets accessibility standards and keeps the interface readable.

Questions about #5558fc

What is #5558fc in RGB, HSL and CMYK?
In RGB, #5558fc is rgb(85, 88, 252), in HSL hsl(239, 97%, 66%) and in CMYK 66%, 65%, 0%, 1%.
How should #5558fc be used in interface design?
#5558fc functions best as an isolated accent color, such as for primary buttons or notification badges, rather than a background. Its high saturation commands attention, so balancing it with plenty of neutral white space is essential to prevent visual fatigue.
Is #5558fc readable on white or black?
#5558fc has a 5.01:1 contrast ratio on white and 4.18: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.