#3171C4 Hex Color

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

Hex color #3171c4 graphic
#3171c4 is a bold, highly saturated blue with a cool, stable presence. Because it carries such a crisp profile, it excels as a primary brand color for finance or security apps that need to project reliability. Pair it with crisp white for maximum legibility, as the hex code meets WCAG standards for small body text. Use it sparingly to avoid overwhelming your UI layout.

Questions about #3171c4

What is #3171c4 in RGB, HSL and CMYK?
In RGB, #3171c4 is rgb(49, 113, 196), in HSL hsl(214, 60%, 48%) and in CMYK 75%, 42%, 0%, 23%.
What colors pair well with #3171c4 in a UI design?
Pair #3171c4 with a crisp off-white or light gray to keep the interface clean and professional. For accent colors, it balances well against a soft coral or a muted gold, which helps to soften the intensity of this vibrant blue.
Is #3171c4 readable on white or black?
#3171c4 has a 4.89:1 contrast ratio on white and 4.28: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.