#0558F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue demands attention with high visibility and electrical energy. Because it is so loud, use #0558f2 sparingly as a 10% accent color for calls to action or interface highlights rather than a background. It pairs exceptionally well with muted grays or stark white text. The hex code for this vivid blue is #0558f2, which provides sufficient contrast for accessible web design.
Questions about #0558f2
What is #0558f2 in RGB, HSL and CMYK?
In RGB, #0558f2 is rgb(5, 88, 242), in HSL hsl(219, 96%, 48%) and in CMYK 98%, 64%, 0%, 5%.
How should I use #0558f2 in web design?
#0558f2 is a highly saturated blue that serves best as a purposeful accent color for interactive elements like call-to-action buttons. Because it carries intense visual energy, avoid using it for large backgrounds, as it can quickly overwhelm the user's focus.
What colors pair well with #0558f2?
This blue provides strong contrast when paired with neutral tones, specifically working well against white or light gray backgrounds. To balance its intensity in UI designs, use it sparingly alongside muted grays to keep the interface feeling clean rather than chaotic.
Is #0558f2 readable on white or black?
#0558f2 has a 5.69:1 contrast ratio on white and 3.68: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.