#589BA2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dusty cyan sits in a muted space between blue and green. The hex code #589ba2 lacks intensity, making it a reliable choice for supporting backgrounds rather than dominant brand elements. It pairs well with charcoal greys to maintain high legibility. Because it offers enough contrast for readability, use this shade for functional UI text blocks when you need a softer alternative to black.
Questions about #589ba2
What is #589ba2 in RGB, HSL and CMYK?
In RGB, #589ba2 is rgb(88, 155, 162), in HSL hsl(186, 30%, 49%) and in CMYK 46%, 4%, 0%, 36%.
Why does #589ba2 work well for UI backgrounds?
#589ba2 serves as an excellent neutral backdrop because its muted, dusty undertone minimizes eye strain while maintaining enough contrast against dark text. It acts as a professional, softer alternative to pure gray or overly vibrant blue tones in interface design.
Which colors create the best palette with #589ba2?
#589ba2 pairs beautifully with deep charcoal or soft slate grays, which ground the color and ensure high legibility for text. You can also offset its cool temperature by introducing a warm terracotta accent to create a balanced, modern visual hierarchy.
Is #589ba2 readable on white or black?
#589ba2 has a 3.16:1 contrast ratio on white and 6.62: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.