#2E66D2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated blue carries a high-energy intensity that demands attention. Its bright, cool character works best as an accent color for calls to action rather than a background shade. Because #2e66d2 offers strong contrast with white text, it remains a reliable choice for UI elements. The hex code for this bold blue is #2e66d2, often pairing well with soft grays to ground its loudness.
Questions about #2e66d2
What is #2e66d2 in RGB, HSL and CMYK?
In RGB, #2e66d2 is rgb(46, 102, 210), in HSL hsl(220, 65%, 50%) and in CMYK 78%, 51%, 0%, 18%.
Is #2e66d2 suitable for primary interface buttons?
Yes, the intense saturation of #2e66d2 makes it an excellent choice for call-to-action buttons that need to stand out against neutral or white backgrounds. Its high contrast ratio ensures text legibility for users while maintaining a professional and crisp appearance.
What colors pair best with #2e66d2?
Because #2e66d2 is a saturated blue, it grounds effectively against neutral tones like soft light-gray or cool white. For more adventurous palettes, consider pairing it with a contrasting orange to create dynamic, high-energy complementary designs.
Is #2e66d2 readable on white or black?
#2e66d2 has a 5.32:1 contrast ratio on white and 3.94: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.