#445FF1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A highly saturated, electric blue, #445ff1 commands attention through its sheer intensity. Because it vibrates with such energy, it functions best as a high-impact accent or CTA button rather than a background color. Its accessibility is strong, offering enough contrast for white text to remain legible. When you need other shades of blue that provide a more subtle, secondary role, pair this hex code with muted greys.
Questions about #445ff1
What is #445ff1 in RGB, HSL and CMYK?
In RGB, #445ff1 is rgb(68, 95, 241), in HSL hsl(231, 86%, 61%) and in CMYK 72%, 61%, 0%, 5%.
Where should I use the #445ff1 electric blue in my design?
Reserve #445ff1 for high-impact interface elements like primary call-to-action buttons, notification badges, or data visualization highlights. Because it vibrates with such intensity, using it sparingly as an accent ensures it effectively draws the eye without overwhelming the rest of your layout.
What colors pair well with the #445ff1 hex code?
Pair #445ff1 with neutral, muted tones like charcoal or soft silver to anchor its electric intensity. For a more adventurous palette, complement the blue with bright orange accents, which creates a high-contrast, dynamic aesthetic perfect for modern, energetic branding.
Is #445ff1 readable on white or black?
#445ff1 has a 5.05:1 contrast ratio on white and 4.15: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.