#574CA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#574ca3 is a muted violet with gray undertones and a shadowy, serious mood. Its low saturation keeps it calm rather than showy, which suits dark mode UI backgrounds and moody brand palettes. White text clears WCAG AA on it at about 7.1:1, so it holds small body text. Pair it with warm amber accents to stop it reading flat.
Questions about #574ca3
What is #574ca3 in RGB, HSL and CMYK?
In RGB, #574ca3 is rgb(87, 76, 163), in HSL hsl(248, 36%, 47%) and in CMYK 47%, 53%, 0%, 36%.
What colors pair well with #574ca3?
Warm amber and ochre accents bring out its depth and stop the muted violet from reading flat. Soft grays and cream also work well as supporting neutrals in layouts built on #574ca3.
Is #574ca3 readable on white or black?
#574ca3 has a 7.07:1 contrast ratio on white and 2.96: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.