#667CF9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #667cf9 graphic
Bright and strongly saturated, #667cf9 is a cool blue-indigo with a clear, luminous finish. Its energetic intensity suits calls to action, creative branding, spiritual themes, and night-sky palettes. Use it as a focused accent beside charcoal, warm cream, or deep burgundy rather than a full-page background. Black text achieves about 5.8:1 contrast, meeting WCAG AA for body text. The hex code is #667cf9.

Questions about #667cf9

What is #667cf9 in RGB, HSL and CMYK?
In RGB, #667cf9 is rgb(102, 124, 249), in HSL hsl(231, 92%, 69%) and in CMYK 59%, 50%, 0%, 2%.
Which colors pair well with #667cf9?
#667cf9 pairs well with charcoal, warm cream, and burgundy, whose muted or warm tones balance its cool, saturated blue-indigo energy and keep it effective as a focused accent in interface layouts. Use them for text, borders, or supporting panels.
Where does #667cf9 work best in a design?
#667cf9 works best as a high-impact accent for calls to action, links, creative branding, and night-sky themes, rather than as a full-page background because its strong saturation can dominate larger surfaces. Pair it with neutral surfaces to preserve hierarchy.
Is #667cf9 readable on white or black?
#667cf9 has a 3.61:1 contrast ratio on white and 5.81: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.