#227CDC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue is intense and demands attention without feeling abrasive. Because it sits at a high chroma, it works best as a 10% accent for calls to action or UI highlights rather than a full background. The hex code #227cdc pairs well with soft greys or charcoal to temper its energy. It passes WCAG AA contrast standards, ensuring black text remains legible on top.
Questions about #227cdc
What is #227cdc in RGB, HSL and CMYK?
In RGB, #227cdc is rgb(34, 124, 220), in HSL hsl(211, 73%, 50%) and in CMYK 85%, 44%, 0%, 14%.
When should I use #227cdc in my interface design?
Because #227cdc features such a high chroma and intensity, it is best reserved for small, deliberate 10% accents like call-to-action buttons rather than full-page backgrounds. This keeps your interface readable while still drawing the user's eye exactly where needed.
What colors pair effectively with #227cdc?
To temper the vibrant energy of #227cdc, lean into neutral, grounded shades that provide balance without competing for attention. It works exceptionally well alongside charcoal for text or dark accents and soft, cool-toned silver for background areas.
Is #227cdc readable on white or black?
#227cdc has a 4.21:1 contrast ratio on white and 4.98:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.