#574FAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dim, cool indigo balances saturation with a moody, reserved character. Because it holds significant depth, #574fad works best as a primary background for high-contrast digital interfaces. It provides enough readability for white text, making it a functional choice for dark mode designs. Pair it with soft, warm grays to prevent it from feeling too sterile or harsh in professional layouts.
Questions about #574fad
What is #574fad in RGB, HSL and CMYK?
In RGB, #574fad is rgb(87, 79, 173), in HSL hsl(245, 37%, 49%) and in CMYK 50%, 54%, 0%, 32%.
How can I effectively use #574fad in web design?
#574fad functions as a strong, reliable primary background for dark mode interfaces because it maintains excellent contrast with white or light gray text. Use it alongside soft, desaturated neutrals like slate to keep your layout feeling modern and professional.
Does #574fad read as a warm or cool color?
This color is definitively cool, leaning heavily into indigo and violet territory rather than warmer blue tones. Because of its moody depth and saturation, it creates a calm, reserved aesthetic that lacks the sharp, electric energy found in pure, vibrant blues.
Is #574fad readable on white or black?
#574fad has a 6.71:1 contrast ratio on white and 3.12: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.