#5CA09E Hex Color

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

Select a Color

This ashy, unsaturated cyan carries a dusty and cool aesthetic. #5ca09e works well as a supporting tone in technology or corporate branding. Because it maintains a 7.0:1 contrast ratio, black text remains highly readable over it. Designers should use the hex code #5ca09e for balanced UI elements rather than large, dominant backgrounds to avoid a washed-out appearance.

Questions about #5ca09e

What is #5ca09e in RGB, HSL and CMYK?

In RGB, #5ca09e is rgb(92, 160, 158), in HSL hsl(178, 27%, 49%) and in CMYK 42%, 0%, 1%, 37%.

What colors pair best with #5ca09e for UI design?

#5ca09e works exceptionally well when balanced against deep charcoal or near-black text, which ensures maximum readability while maintaining a sophisticated, soft appearance. You can also pair it with soft cream or off-white backgrounds to lean into its dusty, vintage-inspired aesthetic.

Is #5ca09e readable on white or black?

#5ca09e has a 3.00:1 contrast ratio on white and 6.97: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.

#5CA09E Hex Color

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

Questions about #5ca09e

Color tools

Resources