#5666E6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5666e6 is a saturated, high-intensity indigo that demands attention. Because of its electric brightness, use it sparingly as a 10% accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with charcoal or slate gray to temper its loudness. White text maintains a clear 4.7:1 contrast ratio against this hex code, making it highly readable for interface elements.
Questions about #5666e6
What is #5666e6 in RGB, HSL and CMYK?
In RGB, #5666e6 is rgb(86, 102, 230), in HSL hsl(233, 74%, 62%) and in CMYK 63%, 56%, 0%, 10%.
What colors pair well with #5666e6?
This electric indigo benefits from pairing with neutral tones to avoid overwhelming the viewer. Using charcoal or slate gray creates a sophisticated balance, allowing the intensity of #5666e6 to stand out as a crisp, readable UI accent.
Is #5666e6 a good choice for text?
While #5666e6 is highly visible, it is better suited for buttons or small icons rather than large bodies of text. White text maintains an excellent contrast ratio against this hex color, ensuring accessibility on interactive web elements.
Is #5666e6 readable on white or black?
#5666e6 has a 4.73:1 contrast ratio on white and 4.43: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.