#566AFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #566afc when a call to action needs to jump off the page. This saturated indigo carries violet undertones and reads cool and electric, which makes it a strong accent in dark mode UI, night sky themes, and creative branding. Its hex code is #566afc. Black text sits at about 4.9:1 contrast, enough for small body text, but the color can overpower a layout if used as a full background.
Questions about #566afc
What is #566afc in RGB, HSL and CMYK?
In RGB, #566afc is rgb(86, 106, 252), in HSL hsl(233, 97%, 66%) and in CMYK 66%, 58%, 0%, 1%.
What colors pair well with #566afc?
#566afc pairs well with charcoal for a moody, grounded base and warm amber or peach for sharp contrast. Muted sage also softens its glow without making it feel flat.
Is #566afc readable on white or black?
#566afc has a 4.31:1 contrast ratio on white and 4.86: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.