#225AE8 Hex Color

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

Hex color #225ae8 graphic
Bright and highly saturated, #225ae8 is a cool blue with a slight violet undertone and strong visual impact. Its energy suits calls to action, interface accents, and technology or finance branding, while its depth supports trust and security. Use it as a focused accent rather than a full-page background. White text reads clearly at about 5.7:1 contrast. The hex code for this color is #225ae8.

Questions about #225ae8

What is #225ae8 in RGB, HSL and CMYK?
In RGB, #225ae8 is rgb(34, 90, 232), in HSL hsl(223, 81%, 52%) and in CMYK 85%, 61%, 0%, 9%.
What colors pair well with #225ae8?
#225ae8 pairs well with white for crisp contrast and with charcoal or navy for a deeper interface palette, while pale blue and cool gray can soften its intensity without competing with its violet undertone.
Is #225ae8 warm or cool?
#225ae8 reads as a cool blue because its hue leans slightly toward violet, giving it a crisp, energetic character that feels focused in interfaces rather than soft or earthy visuals.
Is #225ae8 readable on white or black?
#225ae8 has a 5.68:1 contrast ratio on white and 3.69: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.