#2BE5B0 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

This high-intensity teal glows with a bright, neon quality that demands attention. Because it is so saturated, #2be5b0 works best as an accent color for UI calls-to-action rather than a large background. It pairs cleanly with charcoal grays or deep navies to ground the energy. Since black text provides excellent contrast against this hex code, it remains legible for small buttons and digital interface elements.

Questions about #2be5b0

What is #2be5b0 in RGB, HSL and CMYK?

In RGB, #2be5b0 is rgb(43, 229, 176), in HSL hsl(163, 78%, 53%) and in CMYK 81%, 0%, 23%, 10%.

How should I use #2be5b0 effectively in UI design?

#2be5b0 is extremely saturated, so use it sparingly as an accent color for buttons or call-to-action elements rather than large background areas. It creates a striking visual hierarchy when paired with neutral charcoal or dark navy surfaces.

Is #2be5b0 readable on white or black?

#2be5b0 has a 1.62:1 contrast ratio on white and 12.93:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.

#2BE5B0 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #2be5b0

Color tools

Resources