#228AD1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#228ad1 is a fairly saturated, cool blue with a clear cyan undertone and medium-light appearance. Its controlled brightness supports trust, reliability, and security without feeling dull. The hex code works well for technology, finance, healthcare, and government interfaces, especially as a dominant UI color paired with dark text for readable content.
Questions about #228ad1
What is #228ad1 in RGB, HSL and CMYK?
In RGB, #228ad1 is rgb(34, 138, 209), in HSL hsl(204, 72%, 48%) and in CMYK 84%, 34%, 0%, 18%.
What colors pair well with #228ad1?
Pair #228ad1 with charcoal or dark navy for a controlled interface, then add a restrained terracotta accent to warm its cool cyan cast while preserving the dependable, technical character designers often need in product branding.
Is #228ad1 readable on white or black?
#228ad1 has a 3.73:1 contrast ratio on white and 5.62: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.