#407AFF Hex Color
Electric blue with commanding visual energy
This high-energy blue is saturated and unapologetically loud. It commands attention instantly, making it a natural choice for primary call-to-action buttons or accent elements in UI design. Because black text maintains a strong 5.4:1 contrast ratio against it, this hex code #407aff works well for smaller interface details. If you need something slightly more muted, look at other similar blue shades to balance your palette.
Questions about #407aff
What is #407aff in RGB, HSL and CMYK?
In RGB, #407aff is rgb(64, 122, 255), in HSL hsl(222, 100%, 63%) and in CMYK 75%, 52%, 0%, 0%.
What colors pair best with the intensity of #407aff?
Pair #407aff with a warm terracotta or soft peach to balance its intense, cool energy. These earthy, warm tones provide a necessary visual break, preventing the vibrant blue from overwhelming the rest of your design layout or interface.
Is #407aff readable on white or black?
#407aff has a 3.85:1 contrast ratio on white and 5.44: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.