#558C8C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dusty cyan has a desaturated, ashy quality that keeps it feeling grounded rather than bright. Because of its low chroma, #558c8c works well as a supporting tone in technology or corporate branding. It pairs effectively with warm terra cotta tones to balance its natural chill. Since it offers strong contrast against black text, this hex code is a reliable choice for readable UI components.
Questions about #558c8c
What is #558c8c in RGB, HSL and CMYK?
In RGB, #558c8c is rgb(85, 140, 140), in HSL hsl(180, 24%, 44%) and in CMYK 39%, 0%, 0%, 45%.
What colors pair well with #558c8c?
#558c8c pairs effectively with warm terracotta tones to balance its natural chill. Its low chroma also makes it a reliable, readable background choice when paired with high-contrast charcoal or dark black typography.
Is #558c8c suitable for UI design?
Yes, #558c8c is an excellent choice for UI components because it offers strong contrast against black text while maintaining a grounded, non-vibrant presence. Its desaturated, ashy quality prevents visual fatigue, making it highly functional for dashboard or background elements.
Is #558c8c readable on white or black?
#558c8c has a 3.80:1 contrast ratio on white and 5.51: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.