#445CE4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense blue is saturated and unapologetically loud. With high chroma, #445ce4 grabs attention immediately, making it a perfect candidate for high-impact buttons and interface highlights. It holds enough contrast for white text to remain legible, so try using it as a solid background for small calls to action. For other shades of blue, look to softer tones to balance this vivid, high-energy hex code.
Questions about #445ce4
What is #445ce4 in RGB, HSL and CMYK?
In RGB, #445ce4 is rgb(68, 92, 228), in HSL hsl(231, 75%, 58%) and in CMYK 70%, 60%, 0%, 11%.
How can I effectively use #445ce4 in a user interface design?
#445ce4 works best as an accent color for primary action buttons or essential interface highlights that need to stand out from the page. Because it is so saturated, apply it sparingly against neutral backgrounds to maintain visual balance and keep the design from feeling cluttered.
What colors pair well with #445ce4 for a balanced palette?
Pair #445ce4 with light gray or pure white to let the blue dominate without overwhelming the viewer. For a more sophisticated look, use desaturated, muted tones to ground the intensity of the blue and create a professional contrast in your layout.
Is #445ce4 readable on white or black?
#445ce4 has a 5.38:1 contrast ratio on white and 3.89: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.