#2B46E3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A punchy, saturated blue with intense chroma, #2b46e3 demands attention without appearing neon. This strong tone works best as a primary accent or call-to-action button, as it can overwhelm large backgrounds. White text pairs perfectly with this hex code to meet WCAG standards. For a professional palette, use it alongside cool grays or charcoal to ground its brightness.
Questions about #2b46e3
What is #2b46e3 in RGB, HSL and CMYK?
In RGB, #2b46e3 is rgb(43, 70, 227), in HSL hsl(231, 77%, 53%) and in CMYK 81%, 69%, 0%, 11%.
What colors pair best with #2b46e3?
#2b46e3 thrives when paired with high-contrast neutrals like crisp white or deep charcoal to ground its intensity. Because it is highly saturated, avoid pairing it with other bright primary colors, as this can create visual vibration and eye strain for the user.
Is #2b46e3 suitable for large backgrounds?
Using #2b46e3 for large backgrounds is generally risky because its intense chroma can quickly overwhelm the viewer and make text difficult to read. It functions much more effectively as a punchy accent for buttons, active links, or critical interface elements that require immediate user attention.
Is #2b46e3 readable on white or black?
#2b46e3 has a 6.80:1 contrast ratio on white and 3.08: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.