#558A9F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and dusty, this cyan-leaning sky blue carries almost no saturation and a medium lightness. #558a9f works best as a supporting tone behind darker accents, and it pairs surprisingly well with warm terracotta. Black text clears AA on this hex code at roughly 5.5:1, so small copy stays readable. Expect a cool, ashy character that can read muddy at large sizes.
Questions about #558a9f
What is #558a9f in RGB, HSL and CMYK?
In RGB, #558a9f is rgb(85, 138, 159), in HSL hsl(197, 30%, 48%) and in CMYK 47%, 13%, 0%, 38%. Browse more shades of blue with names and hex codes.
What colors pair well with #558a9f?
Warm earth tones bring out its best side: terracotta, soft cream, and muted coral all balance its cool ashiness. Skip bright oranges or saturated yellows, which can make the blue look dull by comparison.
Is #558a9f readable on white or black?
#558a9f has a 3.80:1 contrast ratio on white and 5.52: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.