#2A9EEB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue demands attention immediately. The hex code #2a9eeb functions best as a focused accent or button for calls to action, as it can overwhelm layouts when used in large blocks. It offers excellent legibility with black text, providing a 7.2:1 contrast ratio for readable UI elements. Pair this shade with dark charcoal to build a modern, high-contrast interface.
Questions about #2a9eeb
What is #2a9eeb in RGB, HSL and CMYK?
In RGB, #2a9eeb is rgb(42, 158, 235), in HSL hsl(204, 83%, 54%) and in CMYK 82%, 33%, 0%, 8%.
Why does #2a9eeb work well for buttons?
The high saturation and luminance of #2a9eeb create immediate visual urgency on screen, drawing user attention to primary interface elements. It maintains strong contrast ratios against standard charcoal or deep gray text, ensuring your call-to-action buttons remain fully accessible.
How should I balance #2a9eeb in a larger layout?
Because #2a9eeb is so visually dominant, it can easily overwhelm a layout if used as a primary background or in large blocks. Keep it reserved for active elements, meaningful icons, or small graphical highlights to maintain visual balance and keep the interface looking clean.
Is #2a9eeb readable on white or black?
#2a9eeb has a 2.92:1 contrast ratio on white and 7.18:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.