#548DA0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #548da0 is a dusty cyan with gray undertones and a steady, refreshing presence. Its low saturation suggests trust, clarity, and thoughtful communication rather than high energy. The hex code #548da0 suits technology, aerospace, children’s products, and productivity interfaces. Use it as a supporting tone; black text reaches about 5.7:1, enough for WCAG AA body text.
Questions about #548da0
What is #548da0 in RGB, HSL and CMYK?
In RGB, #548da0 is rgb(84, 141, 160), in HSL hsl(195, 31%, 48%) and in CMYK 48%, 12%, 0%, 37%. Browse more shades of blue with names and hex codes.
What colors pair well with #548da0?
#548da0 pairs well with warm off-white, charcoal, and muted terracotta, because these colors add contrast while preserving its dusty cyan character and can shift a palette from restrained interface styling toward warmer editorial or product branding.
Where does #548da0 work best in a design system?
#548da0 works best as a supporting color for technology interfaces, communication tools, aerospace themes, and productivity products, where its cool, low-saturation character adds structure without competing with content or stronger accent colors.
Is #548da0 readable on white or black?
#548da0 has a 3.68:1 contrast ratio on white and 5.69: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.