#0BEABA Hex Color

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

Hex color #0beaba graphic
This neon teal offers an electric, glowing quality that demands attention. Because #0beaba is highly saturated, it works best as a 10% accent color rather than a dominant background. Pair it with deep charcoal or slate for a balanced, modern look. Since this hex code provides excellent contrast with black, it remains fully accessible for UI elements like buttons or small, readable icons.

Questions about #0beaba

What is #0beaba in RGB, HSL and CMYK?
In RGB, #0beaba is rgb(11, 234, 186), in HSL hsl(167, 91%, 48%) and in CMYK 95%, 0%, 21%, 8%.
How should I use #0beaba in a professional interface?
Because #0beaba is a high-energy neon, use it sparingly as a 10% accent color for interactive elements like buttons, toggle switches, or call-to-action icons. It creates an immediate visual hierarchy while preventing eye strain when kept away from large backgrounds.
What colors create the most balanced palette with #0beaba?
To ground the intensity of #0beaba, pair it with deep neutrals like charcoal or slate to create a clean, modern contrast. For a more adventurous look, using this teal alongside a muted navy provides professional depth without losing the modern, digital aesthetic.
Is #0beaba readable on white or black?
#0beaba has a 1.55:1 contrast ratio on white and 13.49: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.