#57707C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and ashy, #57707c is a dark blue with gray undertones and a matte, slightly inky finish. Its low saturation gives interfaces a controlled, dependable feel, making it useful for finance, technology, government, and healthcare layouts. Use it as a supporting tone with warm ivory or muted copper; white text reaches about 5.2:1 contrast. The hex code is #57707c.
Questions about #57707c
What is #57707c in RGB, HSL and CMYK?
In RGB, #57707c is rgb(87, 112, 124), in HSL hsl(199, 18%, 41%) and in CMYK 30%, 10%, 0%, 51%.
What colors pair well with #57707c?
Warm ivory backgrounds and copper accents pair well with #57707c, balancing its cool blue-gray base with gentle warmth while preserving a calm, professional look for dashboards, editorial layouts, and interface components.
Does white text work well on #57707c?
White text against #57707c reaches about a 5.2:1 contrast ratio, which generally supports WCAG AA for normal text; check your exact font size, weight, and surrounding states before shipping an interface.
Is #57707c a warm or cool color?
#57707c reads as a cool color because its blue base is softened by gray, giving it a muted, steady character rather than a bright, energetic feel in most interfaces and visual systems.
Is #57707c readable on white or black?
#57707c has a 5.23:1 contrast ratio on white and 4.01: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.