#2E7DE4 Hex Color

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

Hex color #2e7de4 graphic
#2e7de4 is a saturated, high-energy blue that commands attention without feeling neon. Because it sits comfortably in the mid-range of brightness, it functions best as a functional accent or a primary call-to-action button rather than a large background fill. Pair it with crisp white or deep charcoal for clean, professional contrast. The hex code for this vivid blue is #2e7de4.

Questions about #2e7de4

What is #2e7de4 in RGB, HSL and CMYK?
In RGB, #2e7de4 is rgb(46, 125, 228), in HSL hsl(214, 77%, 54%) and in CMYK 80%, 45%, 0%, 11%.
What colors pair well with #2e7de4 in a professional layout?
This vibrant blue pairs exceptionally well with neutral bases like charcoal or crisp white to maintain readability. For more dynamic interfaces, try subtle accents of lemon or silver to create a clean, modern aesthetic without overwhelming the viewer.
Is #2e7de4 suitable for large blocks of text?
Because #2e7de4 is a highly saturated blue, it is not recommended for body text or large background fills due to potential eye fatigue. It is better utilized as a vibrant highlight for buttons, icons, or specific interface elements that need focus.
Is #2e7de4 readable on white or black?
#2e7de4 has a 4.06:1 contrast ratio on white and 5.16:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.