#2196E9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-energy blue acts as an effective accent color, demanding attention in UI designs and calls to action. It maintains strong readability against black text, making it a reliable choice for functional elements. Because this shade is so saturated, it can feel overwhelming as a full background. It often pairs best with neutral grays when you are mixing gray to create balance. The hex code is #2196e9.
Questions about #2196e9
What is #2196e9 in RGB, HSL and CMYK?
In RGB, #2196e9 is rgb(33, 150, 233), in HSL hsl(205, 82%, 52%) and in CMYK 86%, 36%, 0%, 9%.
How should I balance the high intensity of #2196e9 in a design?
Because #2196e9 is highly saturated, it works best as a focused accent rather than a background. Pair it with neutral light-gray backgrounds to keep it readable, or use it sparingly to guide user attention toward interactive buttons and forms.
Is #2196e9 readable on white or black?
#2196e9 has a 3.17:1 contrast ratio on white and 6.60: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.