#578E7D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
An ashy and dusty shade of teal, #578e7d brings a cool, clear tone to any design project. This unsaturated color offers a sense of sophistication and calm, making it a natural fit for healthcare or wellness branding. Designers use the hex code #578e7d to build trust in technology and communication interfaces where clarity and balance are the main goals.
Questions about #578e7d
What is #578e7d in RGB, HSL and CMYK?
In RGB, #578e7d is rgb(87, 142, 125), in HSL hsl(161, 24%, 45%) and in CMYK 39%, 0%, 12%, 44%.
How should I use the ashy tone of #578e7d in interface design?
This color excels as a secondary or accent shade because its unsaturated, dusty quality prevents eye strain while maintaining a professional appearance. Use it for buttons or active states when you need clarity without the visual intensity of pure, saturated teal.
Does #578e7d read as a warm or cool color?
The color is distinctly cool, leaning heavily into its blue and green undertones rather than yellow or red. Its muted, ashy quality softens the typical vibrancy of teal, allowing it to function as a neutral base that grounds a palette.
Is #578e7d readable on white or black?
#578e7d has a 3.76:1 contrast ratio on white and 5.57: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.