#548BF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#548bf0 is a vibrant, saturated blue that leans slightly bright without becoming neon. This high-energy shade works best as an accent color for calls to action or technical UI highlights, where it grabs attention immediately. Because it offers strong contrast against black text, it maintains readability at smaller sizes. Avoid using it as a large background, as its intensity can become overwhelming over expansive areas.
Questions about #548bf0
What is #548bf0 in RGB, HSL and CMYK?
In RGB, #548bf0 is rgb(84, 139, 240), in HSL hsl(219, 84%, 64%) and in CMYK 65%, 42%, 0%, 6%.
Which colors pair best with the intensity of #548bf0?
This vibrant blue pairs naturally with charcoal for strong professional contrast or light grey to tone down its saturation. Avoid placing it near other highly saturated warm colors like bright red, which may cause visual vibration and strain the eyes.
Is #548bf0 readable on white or black?
#548bf0 has a 3.31:1 contrast ratio on white and 6.32: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.