#58A4B0 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #58a4b0 graphic
This muted cyan sits in a dusty, unsaturated range that feels cool without being icy. Because it offers strong contrast against black text, #58a4b0 works well for UI elements and technical interfaces where readability is the priority. Pair it with warm charcoal or soft cream to balance its cool, airy character. The hex code for this shade is #58a4b0.

Questions about #58a4b0

What is #58a4b0 in RGB, HSL and CMYK?
In RGB, #58a4b0 is rgb(88, 164, 176), in HSL hsl(188, 36%, 52%) and in CMYK 50%, 7%, 0%, 31%.
Why does #58a4b0 work well for technical interfaces?
This color maintains high contrast against black or dark gray text while avoiding the visual strain of brighter cyans. Its dusty, unsaturated profile keeps the interface grounded, making it perfect for dashboards, data visualizations, and modern technical branding layouts.
What colors balance the coolness of #58a4b0?
You can balance #58a4b0 by pairing it with charcoal for strong, professional contrast or soft cream for a gentler, more approachable feel. These warm neutrals counteract the inherent coolness of the cyan without overwhelming its subtle, airy character in your design.
Is #58a4b0 readable on white or black?
#58a4b0 has a 2.85:1 contrast ratio on white and 7.35:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.