#2489C2 Hex Color

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

Hex color #2489c2 graphic
This unsaturated, mid-tone blue carries a professional, stable presence ideal for finance or healthcare interfaces. Because it offers a 5.4:1 contrast ratio with black, it remains highly readable for standard body text. Use #2489c2 as a base color for security-focused branding, but balance it with warmer neutrals to prevent it from feeling too cold or corporate. The hex code for this shade is #2489c2.

Questions about #2489c2

What is #2489c2 in RGB, HSL and CMYK?
In RGB, #2489c2 is rgb(36, 137, 194), in HSL hsl(202, 69%, 45%) and in CMYK 81%, 29%, 0%, 24%.
Where does #2489c2 work best in design layouts?
Use #2489c2 primarily for functional interface elements like buttons, primary call-to-action links, or navigation headers in finance and technology products. Because it is highly readable against white or dark text, it serves as a reliable anchor for corporate branding.
How can I balance #2489c2 to keep it from feeling too cold?
Pair #2489c2 with warmer, neutral tones to soften its professional edge. Incorporating shades of cream or a soft sand helps ground the color, making interfaces feel more approachable and human-centered without losing the inherent stability of the blue.
Is #2489c2 readable on white or black?
#2489c2 has a 3.86:1 contrast ratio on white and 5.43: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.