#57667D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dusty blue with a strong gray cast, #57667d is dark and very unsaturated, reading more overcast than crisp. It earns its keep as a supporting tone in finance, healthcare, and government layouts, where it signals reliability without demanding attention. White text passes AA on it at roughly 5.8:1, so it can carry body copy. Next to pure white it can look flat, so lean on warm off-whites or muted coral accents instead.
Questions about #57667d
What is #57667d in RGB, HSL and CMYK?
In RGB, #57667d is rgb(87, 102, 125), in HSL hsl(216, 18%, 42%) and in CMYK 30%, 18%, 0%, 51%.
What colors pair well with #57667d?
Warm accents like coral, terracotta, and amber bring out the best in #57667d, while cream off-whites keep it from looking flat. Skip pure white and cool grays, which drain what little color it has.
Is #57667d dark enough for white text?
Yes. White text on #57667d reaches about 5.8:1 contrast, clearing the WCAG AA threshold of 4.5:1 for body copy. It works well for headers, buttons, and interface panels where readability matters.
Is #57667d readable on white or black?
#57667d has a 5.83:1 contrast ratio on white and 3.60: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.