#574266

A dark, muted purple closely aligning with Darkslateblue.

About #574266

When working with digital screens, the color #574266 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, 66, and 102.

Translating this color to physical media requires the CMYK color model. The color uses 15% Cyan, 35% Magenta, 0% Yellow, and 60% Black. The HSL representation is 275.0° hue, 21.4% saturation, and 32.9% lightness.

Contrast ratios determine whether this color is safe for typography. 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#574266
RGB87, 66, 102
HSL275.0°, 21.4%, 32.9%
CMYK15%, 35%, 0%, 60%
HSV275.0°, 35.3%, 40.0%
LAB31.5, 16.7, -17.7
XYZ8.3, 6.9, 13.5
Decimal5718630

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

8.84:1
Text on #FFFFFF
AAA
2.38:1
Text on #000000
FAIL
8.45:1
Text on #F8FAFC
AAA
2.02:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Darkslateblue
#483D8B