#2593B2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #2593b2 graphic
#2593b2 is a cool, unsaturated cyan that feels refreshing without being overly bright. This shade functions best as an accent color in tech-focused interfaces or as a clean header background. Because black text offers a 5.9:1 contrast ratio against it, accessibility is excellent for small body text. When designing, consider mixing gray with this blue to ground it in more professional, muted palettes.

Questions about #2593b2

What is #2593b2 in RGB, HSL and CMYK?
In RGB, #2593b2 is rgb(37, 147, 178), in HSL hsl(193, 66%, 42%) and in CMYK 79%, 17%, 0%, 30%.
Why is #2593b2 a strong choice for interface design?
It offers a strong 5.9:1 contrast ratio against black text, making it an excellent choice for body text or small interface elements where readability is a requirement. The unsaturated nature ensures it remains professional without becoming visually fatiguing.
What colors pair best with #2593b2 for a balanced palette?
Pair #2593b2 with muted charcoal or soft whites to ground the color. Because it leans towards an unsaturated cyan, it also works well as a vibrant accent when used alongside neutral grays or darker navy tones.
Is #2593b2 readable on white or black?
#2593b2 has a 3.56:1 contrast ratio on white and 5.89: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.