#225EA8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, mid-tone blue carries a grounded, serious weight that suits professional interfaces and tech branding. Because #225ea8 maintains strong contrast against white text, it works well as a reliable background or header color. Avoid pairing it with lighter, washed-out blues, as they can make it look muddy; instead, try balancing it with crisp grays or soft creams for better definition.
Questions about #225ea8
What is #225ea8 in RGB, HSL and CMYK?
In RGB, #225ea8 is rgb(34, 94, 168), in HSL hsl(213, 66%, 40%) and in CMYK 80%, 44%, 0%, 34%.
How can I best pair #225ea8 in a layout?
Because #225ea8 carries a significant visual weight, it works best when anchored by neutral tones like crisp whites, light gray, or off-white creams. Avoid pairing it with lighter, washed-out blues, as they often clash or appear muddy, losing the professional definition you want.
Is #225ea8 suitable for interface design?
Yes, #225ea8 is an excellent choice for professional interfaces because it provides strong, readable contrast against white text. It effectively conveys a sense of reliability and technical competence, making it a stable foundation for headers, buttons, or primary UI elements.
Is #225ea8 readable on white or black?
#225ea8 has a 6.49:1 contrast ratio on white and 3.23: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.