#573E7D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #573e7d graphic
This dark, muted purple feels grounded rather than loud. Because it is desaturated, #573e7d works well as a moody base for branding or UI backgrounds. It supports high-contrast designs, offering an 8.8:1 ratio against white text. Designers often use this shade to create structure, though it requires bright accents to avoid feeling too dim. The hex code for this color is #573e7d.

Questions about #573e7d

What is #573e7d in RGB, HSL and CMYK?
In RGB, #573e7d is rgb(87, 62, 125), in HSL hsl(264, 34%, 37%) and in CMYK 30%, 50%, 0%, 51%.
Does #573e7d work well for website text?
This color is generally too dark for body text on black backgrounds but performs exceptionally well as a primary background or accent color. It maintains an 8.8:1 contrast ratio against pure white, ensuring excellent readability for UI headers or buttons.
Which colors pair best with #573e7d?
Because this shade is desaturated and moody, it pairs effectively with vibrant, warm accents to prevent a dim appearance. Try using a soft cream or a bright mustard to create a sophisticated, balanced palette for modern design interfaces.
Is #573e7d readable on white or black?
#573e7d has a 8.78:1 contrast ratio on white and 2.39:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.