#573357

A dark, muted magenta closely aligning with Darkslateblue.

About #573357

When working with digital screens, the color #573357 is rendered by mixing light. Its closest recognized web color is Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 51, and 87.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 41% magenta inks. The HSL representation is 300.0° hue, 26.1% saturation, and 27.1% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#573357
RGB87, 51, 87
HSL300.0°, 26.1%, 27.1%
CMYK0%, 41%, 0%, 66%
HSV300.0°, 41.4%, 34.1%
LAB27.0, 22.7, -15.1
XYZ6.8, 5.1, 9.6
Decimal5714775

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

10.41:1
Text on #FFFFFF
AAA
2.02:1
Text on #000000
FAIL
9.95:1
Text on #F8FAFC
AAA
1.71:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Darkslateblue
#483D8B