#558AFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#558afc is a punchy, high-energy blue that commands attention. Because of its intense saturation, it works best as a 10% accent color rather than a large background, where it can become overwhelming. Pair it with dark charcoal or off-white to maintain balance. The hex code for this vivid shade is #558afc, and it offers excellent contrast for black text, ensuring readability in small, actionable interface elements.
Questions about #558afc
What is #558afc in RGB, HSL and CMYK?
In RGB, #558afc is rgb(85, 138, 252), in HSL hsl(221, 97%, 66%) and in CMYK 66%, 45%, 0%, 1%.
How should I balance #558afc in a UI design?
Use #558afc sparingly as a 10% accent color to maintain visual balance and prevent the saturation from becoming overwhelming. It pairs exceptionally well with neutral charcoal or off-white backgrounds to ensure readability and keep the interface feeling clean rather than chaotic.
Is #558afc suitable for text?
While #558afc offers good contrast against white or light backgrounds, it is often too vibrant for long-form body text. Use this high-energy shade for actionable UI elements like buttons or links where you need to draw the eye without compromising accessibility.
Is #558afc readable on white or black?
#558afc has a 3.26:1 contrast ratio on white and 6.42: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.