#2C57E2 Hex Color

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

Hex color #2c57e2 graphic
This intense, saturated blue commands attention without feeling aggressive. Because of its high chroma, #2c57e2 works best as a primary action color or a high-impact accent rather than a background. It pairs exceptionally well with crisp white for modern, tech-focused interfaces. The hex code for this shade is #2c57e2, which meets accessibility standards for white text, ensuring your calls to action remain legible for all users.

Questions about #2c57e2

What is #2c57e2 in RGB, HSL and CMYK?
In RGB, #2c57e2 is rgb(44, 87, 226), in HSL hsl(226, 76%, 53%) and in CMYK 81%, 62%, 0%, 11%.
What colors pair well with #2c57e2 for a modern interface?
Because of its high chroma, #2c57e2 pairs best with crisp white, light-gray neutrals, or a soft silver to maintain a modern, tech-focused aesthetic. Avoid pairing it with low-contrast neon shades, which can cause visual strain and impact usability.
Is #2c57e2 readable on white or black?
#2c57e2 has a 5.88:1 contrast ratio on white and 3.56: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.