#557569 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dark, dusty teal with almost no saturation. #557569 works best as a supporting tone or background, where its gray undertones read calm instead of flat. White text passes AA on it at about 5.1:1, so small labels and body copy stay readable. Pair it with terracotta or blush to keep it from going muddy.
Questions about #557569
What is #557569 in RGB, HSL and CMYK?
In RGB, #557569 is rgb(85, 117, 105), in HSL hsl(158, 16%, 40%) and in CMYK 27%, 0%, 10%, 54%.
What colors pair well with #557569?
Warm accents like terracotta and blush lift #557569, since its low saturation can flatten against cool grays. Cream and charcoal also work without fighting it for attention.
Is #557569 readable on white or black?
#557569 has a 5.07:1 contrast ratio on white and 4.13:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.