#1E64FC Hex Color

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

Hex color #1e64fc graphic
This saturated, high-energy blue commands immediate attention without feeling aggressive. Because of its intensity, #1e64fc works best as a primary action color or a sharp UI accent rather than a full page background. It pairs exceptionally well with clean white text, offering strong accessibility for button labels. If you are learning how to make blue this vivid, this hex code demonstrates pure, electric pigment.

Questions about #1e64fc

What is #1e64fc in RGB, HSL and CMYK?
In RGB, #1e64fc is rgb(30, 100, 252), in HSL hsl(221, 97%, 55%) and in CMYK 88%, 60%, 0%, 1%.
Where should I use #1e64fc in my design?
#1e64fc serves best as a primary action color for UI elements like buttons, toggle switches, or notification badges. Its high saturation ensures it draws the eye immediately, so avoid using it for large background blocks that could overwhelm the user interface.
What colors pair well with #1e64fc?
Clean whites and neutral grays provide the best contrast for #1e64fc, keeping text legible and sharp. For a bolder palette, it pairs well with charcoal for a modern tech feel or as a strong accent against soft cream backgrounds.
Is #1e64fc readable on white or black?
#1e64fc has a 4.90:1 contrast ratio on white and 4.28: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.