#646FD6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#646fd6 is a bold, saturated indigo that demands attention without overwhelming the viewer. Because it sits at a mid-range brightness, this hex code excels as a punchy accent rather than a background. Use it for call-to-action buttons or highlights where high energy is required. Black text reads clearly against this shade, making it a reliable choice for accessible UI components and readable interface elements.
Questions about #646fd6
What is #646fd6 in RGB, HSL and CMYK?
In RGB, #646fd6 is rgb(100, 111, 214), in HSL hsl(234, 58%, 62%) and in CMYK 53%, 48%, 0%, 16%.
Does #646fd6 work well with text?
#646fd6 functions as a highly readable choice for interface design because it maintains enough contrast against black text to meet usability standards. It provides a punchy visual anchor without causing the eye strain often associated with lighter or more neon blues.
What colors pair well with #646fd6?
You can ground the intensity of #646fd6 by pairing it with charcoal for a professional UI scheme or use soft, neutral creams to highlight its energetic qualities. Complementary orange tones also create a high-impact, dynamic contrast for buttons or iconography.
Is #646fd6 readable on white or black?
#646fd6 has a 4.38:1 contrast ratio on white and 4.78: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.