#558FFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, brilliant blue commands immediate attention without feeling aggressive. Because it is highly vivid, #558fff functions best as a high-impact accent or CTA button rather than a primary background color. It pairs surprisingly well with warm, earthy oranges for a balanced contrast. Black text sits comfortably on top of this shade, ensuring it remains accessible for user interface elements. The hex code for this color is #558fff.
Questions about #558fff
What is #558fff in RGB, HSL and CMYK?
In RGB, #558fff is rgb(85, 143, 255), in HSL hsl(220, 100%, 67%) and in CMYK 67%, 44%, 0%, 0%.
What colors complement #558fff in a design palette?
Warm, earthy tones like terracotta or deep orange provide the most balanced contrast against the electric nature of #558fff. These pairings ground the blue, turning a high-energy accent into a stable, professional design choice that feels both vibrant and grounded.
Is #558fff readable on white or black?
#558fff has a 3.10:1 contrast ratio on white and 6.75: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.