#2C99C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2c99c9 is a mid-tone cyan-blue that feels balanced and approachable. With moderate saturation, it offers a professional look that excels in finance or technology UI. Because it maintains strong contrast against black text, it works well for buttons or accent elements. Pair this hex code with warm, earthy terracottas to ground its cool nature and prevent the design from feeling overly clinical.
Questions about #2c99c9
What is #2c99c9 in RGB, HSL and CMYK?
In RGB, #2c99c9 is rgb(44, 153, 201), in HSL hsl(198, 64%, 48%) and in CMYK 78%, 24%, 0%, 21%.
What colors pair well with #2c99c9?
To balance the cool nature of #2c99c9, pair it with warm, earthy tones like terracotta or soft sand. These grounding colors prevent the cyan-blue from feeling overly clinical while creating a sophisticated, high-contrast look suitable for modern design systems.
Is #2c99c9 a good choice for text?
While #2c99c9 offers good visibility, it is best utilized for UI buttons, icons, or accent elements rather than long-form body text. The color maintains strong contrast against dark or black backgrounds, ensuring that interface components remain readable and accessible for users.
Is #2c99c9 readable on white or black?
#2c99c9 has a 3.22:1 contrast ratio on white and 6.50: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.