#2F3AFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Highly saturated and electric, #2f3aff demands attention with its intense, beaming character. This vivid blue works best as a sharp accent rather than a full background, where its sheer intensity can overwhelm the eye. It pairs surprisingly well with muted oranges to balance its cool energy. Because it maintains a 6.6:1 contrast ratio against white, the hex code #2f3aff is highly readable for UI highlights and bold calls to action.
Questions about #2f3aff
What is #2f3aff in RGB, HSL and CMYK?
In RGB, #2f3aff is rgb(47, 58, 255), in HSL hsl(237, 100%, 59%) and in CMYK 82%, 77%, 0%, 0%.
Where does #2f3aff work best in digital design?
#2f3aff is highly effective as a bold call to action button or a focused UI highlight. Because it maintains a strong 6.6:1 contrast ratio against white, it ensures your most important interactive elements remain clearly visible and accessible.
What colors pair well with the intensity of #2f3aff?
You can balance the high energy of #2f3aff by pairing it with muted orange or soft gray tones. Using these desaturated colors alongside this electric blue creates a harmonious contrast that prevents the vibrant blue from feeling overwhelming.
Is #2f3aff readable on white or black?
#2f3aff has a 6.62:1 contrast ratio on white and 3.17: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.