#2C7DB4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool blue reads as steady and professional rather than aggressive. With a 4.7:1 contrast ratio against black text, the hex code #2c7db4 meets accessibility standards for body copy. Use it as a dominant UI background to convey reliability. It pairs best with crisp whites or mixing gray tones to balance its inherent coolness. Avoid overuse, as it can feel sterile.
Questions about #2c7db4
What is #2c7db4 in RGB, HSL and CMYK?
In RGB, #2c7db4 is rgb(44, 125, 180), in HSL hsl(204, 61%, 44%) and in CMYK 76%, 31%, 0%, 29%. Browse more shades of blue with names and hex codes.
What colors pair well with #2c7db4?
This muted blue thrives when paired with crisp whites or cool gray tones to balance its natural coolness. To add warmth, consider accents in soft cream or pale sand, which prevent the overall composition from appearing too sterile or clinical.
Is #2c7db4 readable on white or black?
#2c7db4 has a 4.46:1 contrast ratio on white and 4.69: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.