#548DE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, moderately muted blue, #548de0 feels dependable without becoming heavy or severe. Its clear blue undertone suits security, finance, healthcare, and technology branding, while its medium lightness supports calm interfaces and trustworthy calls to action. Use it as a supporting tone with navy or warm gray. Black text achieves about 6.3:1 contrast, meeting WCAG AA for body text. The hex code is #548de0.
Questions about #548de0
What is #548de0 in RGB, HSL and CMYK?
In RGB, #548de0 is rgb(84, 141, 224), in HSL hsl(216, 69%, 60%) and in CMYK 63%, 37%, 0%, 12%.
What colors pair well with #548de0?
Navy and warm gray pair especially well with #548de0, balancing its clear coolness with depth or warmth; use navy for stronger contrast and warm gray for softer layouts, while white and black provide straightforward text options.
Does #548de0 read as a warm or cool color?
#548de0 reads as a cool blue because its hue has a clear blue bias without noticeable yellow or red warmth, while its moderate saturation and lightness soften that coolness into an approachable, dependable appearance for interfaces and branding.
Is #548de0 readable on white or black?
#548de0 has a 3.35:1 contrast ratio on white and 6.26: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.