#7584D6 Hex Color
A balanced and muted cool indigo
This cool, desaturated indigo has a muted character that avoids being overly vivid. Because it offers strong contrast against black text, it serves as a reliable choice for readable UI components and body copy. Pair #7584d6 with warm, earthy terracottas to ground its ethereal feel. The hex code is #7584d6. It functions best as a supporting tone in digital layouts rather than a full-screen dominant base.
Questions about #7584d6
What is #7584d6 in RGB, HSL and CMYK?
In RGB, #7584d6 is rgb(117, 132, 214), in HSL hsl(231, 54%, 65%) and in CMYK 45%, 38%, 0%, 16%.
How should I use #7584d6 in my web design projects?
Use #7584d6 as a supporting tone for buttons or accent elements rather than a full-screen base color. Its muted character provides high contrast against black text, making it a safe and functional choice for clear, accessible UI components and body copy.
Which colors pair best with #7584d6?
Pair #7584d6 with warm, earthy tones like terracotta or soft sand to ground its ethereal feel. This contrast helps balance the cool, desaturated nature of the indigo and creates a more grounded, natural palette for your layout.
Is #7584d6 readable on white or black?
#7584d6 has a 3.48:1 contrast ratio on white and 6.02:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.