#476DF5 Hex Color

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

Hex color #476df5 graphic
Bright and highly saturated, #476df5 is a cool blue with a clear, electric presence. Its strong intensity brings energy and focus to calls to action, technology interfaces, finance, and healthcare branding. Use it as a supporting accent against white or navy rather than a full background. The hex code #476df5 supports black body text at about 4.8:1 contrast.

Questions about #476df5

What is #476df5 in RGB, HSL and CMYK?
In RGB, #476df5 is rgb(71, 109, 245), in HSL hsl(227, 90%, 62%) and in CMYK 71%, 56%, 0%, 4%.
What colors pair well with #476df5?
#476df5 pairs well with white, black, navy, and cool neutral backgrounds, which let its saturated blue stand out; pale blue-gray or muted lavender accents create softer combinations without competing for attention.
Is #476df5 warm or cool?
#476df5 reads as a cool blue because its hue leans toward violet-blue, while its high saturation and brightness give it an energetic, electric presence rather than a muted or quiet feel.
Is #476df5 readable on white or black?
#476df5 has a 4.39:1 contrast ratio on white and 4.77: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.