#2E71D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid blue is high in chroma, making it an excellent choice for bold calls to action and interface accents. Because it sits comfortably on the brighter side of the spectrum, it draws immediate attention without feeling aggressive. The hex code for this color is #2e71d1. It pairs well with crisp white text, meeting accessibility standards for readable, professional UI layouts.
Questions about #2e71d1
What is #2e71d1 in RGB, HSL and CMYK?
In RGB, #2e71d1 is rgb(46, 113, 209), in HSL hsl(215, 64%, 50%) and in CMYK 78%, 46%, 0%, 18%.
What colors pair best with #2e71d1 in a design system?
This vibrant blue works best when balanced by neutral foundations like charcoal or soft off-whites, allowing the intensity of #2e71d1 to stand out. For more energetic schemes, try pairing it with complementary orange tones to create a bold, high-contrast visual hierarchy.
Is #2e71d1 readable on white or black?
#2e71d1 has a 4.77:1 contrast ratio on white and 4.39: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.