#2278A9 Hex Color

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

Hex color #2278a9 graphic
Mid-toned and muted, #2278a9 functions as a reliable anchor for corporate branding and professional UI design. It lacks aggressive saturation, creating a secure and composed visual presence that pairs exceptionally well with warm, soft grays. Because this hex code meets accessibility standards for readable body text, designers often choose it for primary navigation elements or call-to-action buttons in conservative industries like finance and law.

Questions about #2278a9

What is #2278a9 in RGB, HSL and CMYK?
In RGB, #2278a9 is rgb(34, 120, 169), in HSL hsl(202, 67%, 40%) and in CMYK 80%, 29%, 0%, 34%.
What colors pair well with #2278a9 in a design palette?
This muted blue creates a secure, composed aesthetic when paired with warm gray or soft off-white tones. For a more sophisticated look, combine it with charcoal to emphasize its professional, corporate-ready character without creating harsh visual tension.
Is #2278a9 readable on white or black?
#2278a9 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.