#226AC9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#226ac9 is a saturated, cool blue with medium lightness and a clear, slightly electric character. Its vivid intensity brings energy and focus to calls to action, finance interfaces, technology branding, and security-focused designs. Use it as a supporting accent beside navy or warm orange. The hex code #226ac9 supports white body text at about 5.3:1 contrast, meeting WCAG AA.
Questions about #226ac9
What is #226ac9 in RGB, HSL and CMYK?
In RGB, #226ac9 is rgb(34, 106, 201), in HSL hsl(214, 71%, 46%) and in CMYK 83%, 47%, 0%, 21%.
What colors pair well with #226ac9?
Navy creates a deeper tonal base for #226ac9, while warm orange supplies complementary contrast; off-white can support it in layouts without competing with its vivid blue, especially in buttons and dashboards.
What mood does #226ac9 convey?
As a saturated cool blue, #226ac9 conveys focus, confidence, and forward energy, making it well suited to calls to action, finance tools, technology branding, and security interfaces where clarity and attention matter.
Is #226ac9 readable on white or black?
#226ac9 has a 5.28:1 contrast ratio on white and 3.97: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.