#476FF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity blue grabs attention immediately with its saturated, electric personality. Because it is so loud, #476ff2 works best as a sharp accent or CTA button rather than a background color. It pairs surprisingly well with muted oranges or mixing gray tones to temper its energy. The hex code is #476ff2, and black text offers excellent legibility against it for UI design.
Questions about #476ff2
What is #476ff2 in RGB, HSL and CMYK?
In RGB, #476ff2 is rgb(71, 111, 242), in HSL hsl(226, 87%, 61%) and in CMYK 71%, 54%, 0%, 5%.
Does #476ff2 work well as a background color?
Because #476ff2 is extremely saturated, it often overwhelms the eye when used as a full-page background. It performs best as a high-impact accent or CTA button against neutral charcoal or soft white backgrounds.
What colors pair best with #476ff2 to balance its intensity?
Pair #476ff2 with desaturated, muted tones to temper its electric energy without losing visual impact. Soft grays or muted terracotta work well to ground this vibrant blue and create a balanced, professional design hierarchy.
Is #476ff2 readable on white or black?
#476ff2 has a 4.35:1 contrast ratio on white and 4.82: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.