#225EB7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#225eb7 is a strong, saturated blue that commands attention without being overwhelming. Its high chroma makes it an excellent choice for calls to action or UI accents where clarity is needed. Because it maintains a 6.3:1 contrast ratio against white text, it works well as a reliable background for readable content. Pair this shade with soft grays or creams to ground its intensity.
Questions about #225eb7
What is #225eb7 in RGB, HSL and CMYK?
In RGB, #225eb7 is rgb(34, 94, 183), in HSL hsl(216, 69%, 43%) and in CMYK 81%, 49%, 0%, 28%.
How should I pair #225eb7 in UI designs?
#225eb7 works best when grounded by neutral tones like soft cream or light gray, which prevent the intensity from overwhelming the layout. Use this blue for high-priority buttons or active states to leverage its excellent legibility.
Is #225eb7 readable on white or black?
#225eb7 has a 6.26:1 contrast ratio on white and 3.35: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.