#3172F5 Hex Color

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

Hex color #3172f5 graphic
#3172f5 is a saturated, bright blue with a cool, slightly violet cast and strong visual energy. Its clear intensity suits calls to action, interface accents, finance dashboards, and technology branding. Use it as a supporting tone rather than a full-page background. Black text provides about 4.9:1 contrast, meeting WCAG AA for body text. The hex code for this blue is #3172f5.

Questions about #3172f5

What is #3172f5 in RGB, HSL and CMYK?
In RGB, #3172f5 is rgb(49, 114, 245), in HSL hsl(220, 91%, 58%) and in CMYK 80%, 53%, 0%, 4%.
What colors pair well with #3172f5?
#3172f5 pairs well with white, black, cool grays, and warm accents such as terracotta. Use white for clean contrast, charcoal for softer text, and pale blue or lavender for a coordinated interface palette.
Does #3172f5 look warm or cool?
It reads as a cool blue because its saturated hue leans slightly toward violet rather than green or yellow. That crisp, high-energy bias suits digital interfaces, buttons, dashboards, and technology-focused visual systems better than cozy, natural palettes.
Is #3172f5 readable on white or black?
#3172f5 has a 4.32:1 contrast ratio on white and 4.85: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.