#225BB1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A punchy, saturated blue, #225bb1 brings a serious, grounded tone to interface design. Its weight makes it an effective anchor for corporate branding, security dashboards, or nautical themes. Because it offers high readability with white text, it works well for UI elements that require clear hierarchy. Pair it with soft, warm grays to soften its intensity and prevent a cluttered look on busy screens.
Questions about #225bb1
What is #225bb1 in RGB, HSL and CMYK?
In RGB, #225bb1 is rgb(34, 91, 177), in HSL hsl(216, 68%, 41%) and in CMYK 81%, 49%, 0%, 31%.
What makes #225bb1 a good choice for interface design?
The high saturation of #225bb1 provides strong visual weight, making it an ideal anchor for UI elements like buttons or primary navigation. It maintains excellent contrast with white text, ensuring your critical interface components remain legible and professional for users.
Which colors create a balanced palette when paired with #225bb1?
This intense blue anchors well against warm grays or soft off-whites, which prevent the color from feeling too cold on screen. For a more sophisticated contrast, try pairing it with muted mustard yellow accents to balance its serious, corporate nature.
Is #225bb1 readable on white or black?
#225bb1 has a 6.56:1 contrast ratio on white and 3.19: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.