#225CCB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity blue demands attention, making it an ideal choice for bold calls to action or UI highlights. Because of its saturated nature, the hex code #225ccb works best as an accent color rather than a primary background. It pairs cleanly with stark white text, maintaining strong accessibility standards. Use it to convey a sense of modern authority and reliability in financial or tech-focused branding.
Questions about #225ccb
What is #225ccb in RGB, HSL and CMYK?
In RGB, #225ccb is rgb(34, 92, 203), in HSL hsl(219, 71%, 46%) and in CMYK 83%, 55%, 0%, 20%.
How should I use #225ccb in my design interface?
#225ccb functions best as a high-contrast accent color rather than a large background fill due to its intense saturation. It draws immediate user attention, making it an excellent choice for primary buttons, call-to-action triggers, or critical notification iconography.
What colors pair well with #225ccb for a professional look?
Pair #225ccb with white to ensure maximum accessibility and readability, which is essential for tech and financial branding. For a balanced, secondary palette, this blue also complements soft light-gray tones or subtle cool-gray backgrounds without creating visual fatigue.
Is #225ccb readable on white or black?
#225ccb has a 6.06:1 contrast ratio on white and 3.46: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.