#2C9AC5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated medium blue feels cool and reliable, making it a natural fit for professional UI elements like finance or security dashboards. Because #2c9ac5 provides strong contrast, it works well as a primary button or header color against white backgrounds. Pair it with soft charcoals or deep grays for a polished look, as black text remains highly readable against this hex code.
Questions about #2c9ac5
What is #2c9ac5 in RGB, HSL and CMYK?
In RGB, #2c9ac5 is rgb(44, 154, 197), in HSL hsl(197, 63%, 47%) and in CMYK 78%, 22%, 0%, 23%.
What colors pair well with the blue #2c9ac5?
#2c9ac5 works best when paired with neutral, low-saturation tones like charcoal or soft slate grays. These combinations maintain a professional appearance while ensuring the blue remains the focal point of your interface or design layout.
Is #2c9ac5 readable on white or black?
#2c9ac5 has a 3.21:1 contrast ratio on white and 6.53: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.