#2593E1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated blue commands attention without feeling aggressive. Because it maintains strong contrast, #2593e1 works well for UI buttons or alert icons that need immediate visibility. It pairs unexpectedly well with deep charcoal grays for a modern, tech-focused look. Since black text provides excellent 6.3:1 contrast against this hex code, you can use it confidently for actionable design elements.
Questions about #2593e1
What is #2593e1 in RGB, HSL and CMYK?
In RGB, #2593e1 is rgb(37, 147, 225), in HSL hsl(205, 76%, 51%) and in CMYK 84%, 35%, 0%, 12%.
Is #2593e1 suitable for text-heavy interfaces?
Yes, #2593e1 works well for text because it maintains a high contrast ratio against white or light backgrounds. When used as a primary accent color, it keeps interfaces readable while providing enough saturation to draw the user's eye to important calls to action.
What colors pair well with #2593e1 for a professional look?
This vibrant blue pairs exceptionally well with deep charcoal or dark navy tones to create a balanced, tech-forward aesthetic. Using a neutral base prevents the high saturation of #2593e1 from becoming overwhelming while still maintaining its professional, clean, and modern appeal.
Is #2593e1 readable on white or black?
#2593e1 has a 3.31:1 contrast ratio on white and 6.33: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.