#2C7ACD Hex Color

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

Hex color #2c7acd graphic
This saturated, cool blue is a professional standard in corporate tech and finance. Because it commands attention without overwhelming the eye, the hex code #2c7acd functions best as a dominant brand color or a primary UI button. It offers excellent legibility for black text, ensuring WCAG AA compliance for small body copy. Pair it with crisp whites, but avoid muddy neutrals, and check what colors make gray if you need a balanced backdrop.

Questions about #2c7acd

What is #2c7acd in RGB, HSL and CMYK?
In RGB, #2c7acd is rgb(44, 122, 205), in HSL hsl(211, 65%, 49%) and in CMYK 79%, 40%, 0%, 20%. Browse more shades of blue with names and hex codes.
What colors work best with #2c7acd?
Use crisp whites for a clean, professional aesthetic in corporate branding or finance layouts. Avoid muddy neutrals that wash out its vibrance; instead, pair it with slate or soft charcoal grays if you need a balanced, neutral backdrop for your design.
Is #2c7acd readable on white or black?
#2c7acd has a 4.40:1 contrast ratio on white and 4.77: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.