#2C7CA0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool-toned blue feels sturdy and secure. It avoids the neon brightness of lighter shades, making it a reliable choice for corporate branding in finance or healthcare. Because it offers a solid 4.7:1 contrast ratio against white text, the hex code #2c7ca0 works well as a primary background color or a solid button fill. Pair it with soft cream or warm gray to ground its intensity.
Questions about #2c7ca0
What is #2c7ca0 in RGB, HSL and CMYK?
In RGB, #2c7ca0 is rgb(44, 124, 160), in HSL hsl(199, 57%, 40%) and in CMYK 72%, 22%, 0%, 37%.
Which color palettes pair well with #2c7ca0?
You can ground the intensity of #2c7ca0 by pairing it with warm gray or soft cream tones. These neutral combinations create a balanced, professional look that prevents the cool blue from feeling too stark or cold in corporate layouts.
Is #2c7ca0 readable on white or black?
#2c7ca0 has a 4.66:1 contrast ratio on white and 4.49: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.