#227B94 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #227b94 graphic
This unsaturated cyan balances cool, crisp tones with a muted presence. Because it maintains enough contrast to meet WCAG AA standards, the hex code #227b94 functions well as a primary text color against white backgrounds or as a reliable mid-tone for tech-focused UI design. Pair it with soft, warm grays to prevent the color from feeling too clinical in professional interfaces.

Questions about #227b94

What is #227b94 in RGB, HSL and CMYK?
In RGB, #227b94 is rgb(34, 123, 148), in HSL hsl(193, 63%, 36%) and in CMYK 77%, 17%, 0%, 42%.
What colors pair best with #227b94?
This shade works effectively with charcoal for high-contrast professional text or soft, warm grays to soften the overall appearance. Avoid pairing it with overly vibrant primary colors, as they tend to overpower its muted, sophisticated presence.
Is #227b94 readable on white or black?
#227b94 has a 4.85:1 contrast ratio on white and 4.32: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.