#578080 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, unsaturated cyan, #578080 brings an understated quality to UI designs. This shade functions best as a calm background element where muted tones are required. It meets WCAG AA standards for readability, meaning black text stands out clearly against its matte surface. Pair this hex code with warm, sandy neutrals to offset its inherent coolness and prevent the design from feeling too bleak.
Questions about #578080
What is #578080 in RGB, HSL and CMYK?
In RGB, #578080 is rgb(87, 128, 128), in HSL hsl(180, 19%, 42%) and in CMYK 32%, 0%, 0%, 50%.
What colors complement #578080 best?
Warm neutrals are your best option to balance the coolness of #578080 in a design. Try pairing it with warm beige or soft sand tones to add contrast without overwhelming the muted quality of the color itself.
Is #578080 readable on white or black?
#578080 has a 4.37:1 contrast ratio on white and 4.80: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.