#3191FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue demands attention with high visibility and intense energy. Because #3191ff is so bright, it works best as an accent color for calls to action or UI highlights rather than a full page background. It provides strong contrast for black text, making it highly readable for digital interfaces. Use the hex code #3191ff when you need a reliable, bold punch of color.
Questions about #3191ff
What is #3191ff in RGB, HSL and CMYK?
In RGB, #3191ff is rgb(49, 145, 255), in HSL hsl(212, 100%, 60%) and in CMYK 81%, 43%, 0%, 0%.
How should I use #3191ff in a UI design interface?
#3191ff works best as a high-impact accent color for buttons, notification badges, or primary link states where you need to draw the eye immediately. Because the color is so saturated, avoid using it as a large background fill, as it can overwhelm the user and reduce overall readability.
Is #3191ff readable on white or black?
#3191ff has a 3.16:1 contrast ratio on white and 6.62: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.