#57757C

A medium, muted cyan closely aligning with Slategray.

About #57757C

When working with digital screens, the color #57757C is rendered by mixing light. Designers often compare it to the standard color Slategray. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 117, and 124.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 30% Cyan, 6% Magenta, 0% Yellow, and 51% Black. Always request a physical proof before doing a large print run with this exact code.

When using this color as a background, text legibility must be considered. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#57757C
RGB87, 117, 124
HSL191.4°, 17.5%, 41.4%
CMYK30%, 6%, 0%, 51%
HSV191.4°, 29.8%, 48.6%
LAB47.2, -9.0, -7.4
XYZ13.9, 16.2, 21.5
Decimal5731708

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.95:1
Text on #FFFFFF
AA
4.24:1
Text on #000000
AA Large
4.73:1
Text on #F8FAFC
AA
3.61:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #57757C; }
.text-color { color: #57757C; }
.border-color { border: 2px solid #57757C; }

Similar Colors

Slategray
#708090