#573C74 Hex Color

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

Hex color #573c74 graphic
This muted, dusty purple carries a serious and somber weight. Because of its low saturation, #573c74 functions best as a sophisticated background color or a moody supporting element in dark UI designs. It provides excellent legibility for white text, offering a high contrast ratio of 9.1:1. Avoid pairing it with other dark, muddy tones to prevent your palette from losing definition.

Questions about #573c74

What is #573c74 in RGB, HSL and CMYK?
In RGB, #573c74 is rgb(87, 60, 116), in HSL hsl(269, 32%, 35%) and in CMYK 25%, 48%, 0%, 55%.
What colors pair well with the dusty purple #573c74?
This color functions best when paired with neutral or metallic tones to maintain its sophisticated weight. It creates a balanced, professional look alongside charcoal or soft off-white, preventing the palette from feeling too muddy or undefined.
How should #573c74 be used in user interface design?
Use #573c74 as a grounded background color or a supporting moody element rather than a primary bright accent. Because it offers a 9.1:1 contrast ratio with white, it ensures excellent legibility for text in dark-themed interfaces.
Is #573c74 readable on white or black?
#573c74 has a 9.11:1 contrast ratio on white and 2.30: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.