#575FA0

A medium, muted blue closely aligning with Darkslateblue.

About #575FA0

When working with digital screens, the color #575FA0 is rendered by mixing light. It is closely associated with the named CSS color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 95, and 160.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 46% cyan, 41% magenta, 0% yellow, and 37% black. The HSL representation is 233.4° hue, 29.6% saturation, and 48.4% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#575FA0
RGB87, 95, 160
HSL233.4°, 29.6%, 48.4%
CMYK46%, 41%, 0%, 37%
HSV233.4°, 45.6%, 62.7%
LAB42.4, 14.7, -36.3
XYZ14.4, 12.7, 35.0
Decimal5726112

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.92:1
Text on #FFFFFF
AA
3.55:1
Text on #000000
AA Large
5.65:1
Text on #F8FAFC
AA
3.02:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #575FA0; }
.text-color { color: #575FA0; }
.border-color { border: 2px solid #575FA0; }

Similar Colors

Darkslateblue
#483D8B