#5661D8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo is intense, energetic, and highly visible. Because of its high chroma, #5661d8 works best as a primary action color or a sharp accent rather than a background. It pairs cleanly with crisp white text for readability. Use this hex code sparingly to draw the eye in UI designs or modern, bold branding concepts.
Questions about #5661d8
What is #5661d8 in RGB, HSL and CMYK?
In RGB, #5661d8 is rgb(86, 97, 216), in HSL hsl(235, 63%, 59%) and in CMYK 60%, 55%, 0%, 15%.
How should I use #5661d8 in digital interfaces?
#5661d8 is a high-chroma, energetic indigo that functions best as an action or accent color rather than a large background. Its intensity draws the eye immediately, making it ideal for primary buttons, notification badges, or key call-to-action elements in UI design.
What colors pair well with #5661d8?
This saturated indigo balances perfectly with crisp white text for high-readability contrast, or against charcoal for a modern, grounded feel. You can also pair it with soft, muted grays to let the #5661d8 intensity pop without overwhelming your layout.
Is #5661d8 readable on white or black?
#5661d8 has a 5.12:1 contrast ratio on white and 4.09: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.