#2563EB Hex Color
A vibrant, high-energy primary blue
High-saturation and intense, this blue demands immediate attention. The hex code #2563eb functions best as a UI accent, such as for primary buttons or status indicators, rather than a full-page background. While white text reads clearly against it, this hue can easily overwhelm smaller layouts. Pair it with soft, desaturated grays to anchor its high energy and prevent visual strain in your designs.
Questions about #2563eb
What is #2563eb in RGB, HSL and CMYK?
In RGB, #2563eb is rgb(37, 99, 235), in HSL hsl(221, 83%, 53%) and in CMYK 84%, 58%, 0%, 8%.
When should I use #2563eb in my interface design?
Use #2563eb as a high-impact accent color for primary buttons, links, or critical status indicators. Because it is highly saturated, avoid using it as a large background; instead, balance it with neutral tones like slate or cool gray to maintain readability.
Is #2563eb readable on white or black?
#2563eb has a 5.16:1 contrast ratio on white and 4.06: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.