#2970F6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity blue grabs attention without feeling harsh. Because #2970f6 possesses strong contrast, it works best as a primary action color or a high-impact accent rather than a background. Pair it with soft, warm grays to temper its natural electricity. This hex code provides enough contrast for black text to remain legible, making it a functional choice for modern UI buttons and data visualization.
Questions about #2970f6
What is #2970f6 in RGB, HSL and CMYK?
In RGB, #2970f6 is rgb(41, 112, 246), in HSL hsl(219, 92%, 56%) and in CMYK 83%, 54%, 0%, 4%.
How can I effectively use #2970f6 in a user interface?
#2970f6 is best utilized as a primary action color rather than a background, as its high saturation commands immediate attention. It pairs exceptionally well with neutral tones like charcoal or soft off-whites to balance its intensity and ensure legibility.
Is #2970f6 readable on white or black?
#2970f6 has a 4.42:1 contrast ratio on white and 4.74: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.