#2470E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-chroma and undeniably intense, #2470e2 commands attention without feeling aggressive. This shade functions best as a saturated accent color rather than a background, as its strength can easily overwhelm a layout. It pairs well with crisp grays or soft creams to ground its energy. With a contrast ratio of 4.7:1 against white, this hex code is an accessible choice for buttons and call-to-action elements.
Questions about #2470e2
What is #2470e2 in RGB, HSL and CMYK?
In RGB, #2470e2 is rgb(36, 112, 226), in HSL hsl(216, 77%, 51%) and in CMYK 84%, 50%, 0%, 11%.
How can I effectively use #2470e2 in a UI design?
#2470e2 is an intense, high-chroma blue that functions best as an accent color for call-to-action buttons or navigation highlights. Because of its saturation, avoid using it as a large background color, as it can quickly become overwhelming for users.
Which neutral colors pair best with #2470e2?
This blue pairs beautifully with crisp white or soft creams to keep the design clean and legible. It also grounds well against neutral charcoal or light gray tones, which help balance its high-energy, electric character without competing for attention.
Is #2470e2 readable on white or black?
#2470e2 has a 4.67:1 contrast ratio on white and 4.49: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.