#3163BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #3163bf defines a high-saturation blue that commands attention. This tone works best as a bold UI accent or call-to-action button, as its intensity can easily overwhelm large backgrounds. Because white text maintains a 5.7:1 contrast ratio against this color, legibility remains excellent. Designers often pair this shade with muted neutrals if they are wondering what colors make gray to balance the palette.
Questions about #3163bf
What is #3163bf in RGB, HSL and CMYK?
In RGB, #3163bf is rgb(49, 99, 191), in HSL hsl(219, 59%, 47%) and in CMYK 74%, 48%, 0%, 25%.
Where should I use the #3163bf color in a UI design?
#3163bf functions best as a high-visibility call-to-action button or a bold interface accent. Because of its high saturation, it can overwhelm a design if used for large backgrounds, so keep it strictly for interactive elements or visual focal points.
What colors pair well with #3163bf to create balance?
To ground the intensity of #3163bf, pair it with muted neutrals like charcoal or soft whites. These pairings keep the design readable while allowing the blue to stand out without causing eye strain or competing for visual attention.
Is #3163bf readable on white or black?
#3163bf has a 5.72:1 contrast ratio on white and 3.66: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.