#573A75

A dark, moderate purple closely aligning with Darkslateblue.

About #573A75

When working with digital screens, the color #573A75 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, 58, and 117.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 26% cyan and 50% magenta inks. With a hue angle of 269.5 degrees, it sits comfortably in the purple spectrum.

From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#573A75
RGB87, 58, 117
HSL269.5°, 33.7%, 34.3%
CMYK26%, 50%, 0%, 54%
HSV269.5°, 50.4%, 45.9%
LAB30.2, 25.6, -29.2
XYZ8.7, 6.3, 17.6
Decimal5716597

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.26:1
Text on #FFFFFF
AAA
2.27:1
Text on #000000
FAIL
8.85:1
Text on #F8FAFC
AAA
1.93:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Darkslateblue
#483D8B