#2C9BEA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue commands attention with its intense, beaming energy. Because of its high chroma, #2c9bea works best as an accent color rather than a large background, which can quickly overwhelm the viewer. It pairs unexpectedly well with warm, earthy oranges or soft creams. Since black text provides excellent 7.0:1 contrast, you can use this hex code for functional UI elements or high-impact calls to action.
Questions about #2c9bea
What is #2c9bea in RGB, HSL and CMYK?
In RGB, #2c9bea is rgb(44, 155, 234), in HSL hsl(205, 82%, 55%) and in CMYK 81%, 34%, 0%, 8%.
How should I use #2c9bea in a user interface?
Because #2c9bea is highly saturated, use it sparingly for primary buttons, notification icons, or specific high-impact calls to action. It can quickly overwhelm a layout if used as a large background, but it provides excellent contrast against white, dark gray, or black text.
What colors pair well with #2c9bea?
This vibrant blue creates a balanced, modern look when paired with terracotta or warm, muted oranges, which provide a complementary contrast. For a softer and more professional palette, try combining it with cream or light neutral grays to ground its energy.
Is #2c9bea readable on white or black?
#2c9bea has a 3.00:1 contrast ratio on white and 6.98: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.