#578AA0

A medium, muted blue closely aligning with Lightslategray.

About #578AA0

The hex code #578AA0 represents a beautifully specific shade of blue. Designers often compare it to the standard color Lightslategray. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 138, and 160.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 46% cyan and 14% magenta inks. This makes it a relatively light color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#578AA0
RGB87, 138, 160
HSL198.1°, 29.6%, 48.4%
CMYK46%, 14%, 0%, 37%
HSV198.1°, 45.6%, 62.7%
LAB54.8, -11.0, -17.0
XYZ19.4, 22.7, 36.6
Decimal5737120

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.78:1
Text on #FFFFFF
AA Large
5.55:1
Text on #000000
AA
3.62:1
Text on #F8FAFC
AA Large
4.72:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #578AA0; }
.text-color { color: #578AA0; }
.border-color { border: 2px solid #578AA0; }

Similar Colors

Lightslategray
#778899