#574FB0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim indigo carries a serious, moody weight, balancing saturation with a distinct cool cast. The hex code #574fb0 provides enough contrast for readable text, making it a reliable base for dark mode interfaces. Because of its intense depth, it performs best in large, flat blocks or as a dominant background color paired with crisp white accents.
Questions about #574fb0
What is #574fb0 in RGB, HSL and CMYK?
In RGB, #574fb0 is rgb(87, 79, 176), in HSL hsl(245, 38%, 50%) and in CMYK 51%, 55%, 0%, 31%.
Is #574fb0 suitable for UI text?
#574fb0 functions best as a background or accent color rather than body text. Because it is a relatively dark, saturated indigo, you should pair it with white or off-white text to maintain high legibility and meet accessibility standards.
What colors pair well with #574fb0?
This indigo works effectively alongside neutral tones like light gray or cream to balance its heavy, moody weight. For a more vibrant scheme, try pairing it with golden yellow or soft coral to provide a warm, complementary contrast.
Is #574fb0 readable on white or black?
#574fb0 has a 6.66:1 contrast ratio on white and 3.15: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.