#646AE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bold, saturated indigo, #646ae0 commands attention with high intensity. Because it holds a strong contrast ratio of 4.7:1 with black text, it works exceptionally well for call-to-action buttons or accent elements in UI design. While it can appear loud, pairing it with muted tones helps mixing gray into your palette. Reserve this hex code for smaller highlights rather than large, overwhelming backgrounds.
Questions about #646ae0
What is #646ae0 in RGB, HSL and CMYK?
In RGB, #646ae0 is rgb(100, 106, 224), in HSL hsl(237, 67%, 64%) and in CMYK 55%, 53%, 0%, 12%.
How should I use #646ae0 in my UI design?
This indigo works best for targeted call-to-action buttons or small visual highlights where you need to draw the eye. Because of its high saturation, avoid using #646ae0 as a large background color, as it can overwhelm the user interface.
Which neutral colors balance the intensity of #646ae0?
Pair #646ae0 with charcoal or soft neutral grays to ground its vibrancy. Incorporating muted, desaturated tones helps manage the high contrast of this indigo, creating a professional look that remains readable and visually comfortable.
Is #646ae0 readable on white or black?
#646ae0 has a 4.48:1 contrast ratio on white and 4.67: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.