#225DD5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue packs a punch with its intense, beaming chroma. Because it is so loud and demanding, use #225dd5 sparingly as a 10% accent color rather than a dominant base. It pairs effectively with clean white, which provides the high contrast needed for legibility. This specific hex code works well in tech and professional interfaces where reliability needs a touch of modern energy.
Questions about #225dd5
What is #225dd5 in RGB, HSL and CMYK?
In RGB, #225dd5 is rgb(34, 93, 213), in HSL hsl(220, 72%, 48%) and in CMYK 84%, 56%, 0%, 16%.
How should I use #225dd5 in a digital design layout?
#225dd5 is exceptionally intense and can easily overwhelm a composition, so it performs best when limited to small UI elements like buttons or notification badges. Use it sparingly to guide user focus against clean, neutral backgrounds.
What colors pair well with #225dd5 for a balanced palette?
Because #225dd5 is so vibrant, it creates the strongest visual impact when paired with crisp white for maximum legibility. If you need a more complex scheme, it works beautifully with charcoal for depth or a soft, cool gray to ground the energy.
Is #225dd5 readable on white or black?
#225dd5 has a 5.84:1 contrast ratio on white and 3.59: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.