#0047E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and intense, this saturated blue demands attention without losing its professional edge. The hex code #0047e0 works best as an accent or a bold call to action rather than a large-scale background, as its intensity can easily overwhelm a design. Because it offers a strong 7.1:1 contrast ratio against white text, it remains a reliable choice for readable, high-impact user interface elements.
Questions about #0047e0
What is #0047e0 in RGB, HSL and CMYK?
In RGB, #0047e0 is rgb(0, 71, 224), in HSL hsl(221, 100%, 44%) and in CMYK 100%, 68%, 0%, 12%.
How should I use #0047e0 in a user interface?
Because #0047e0 is highly saturated and intense, it is best reserved for interactive elements like buttons, links, or specific call to action notifications. Using it on large backgrounds can easily overwhelm a design and cause eye fatigue for the user.
What colors pair well with #0047e0?
This blue creates strong, balanced palettes when paired with neutral tones like soft light gray or crisp white. For a high-contrast complementary scheme, look toward warm, desaturated oranges or subtle corals, which help temper the intensity of this vibrant hue.
Is #0047e0 readable on white or black?
#0047e0 has a 7.05:1 contrast ratio on white and 2.97: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 is too faint for text. Try other pairs in the contrast checker.