#00ABA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#00aba3 is a cool, balanced teal with moderate saturation that feels professional rather than overwhelming. Designers often use this hex code for UI elements like buttons or navigation bars. Black text reads clearly against this color with a high 7.4:1 contrast ratio. Avoid using it as a massive background, as it can feel heavy. It shines brightest when paired with soft creams or warm, neutral grays.
Questions about #00aba3
What is #00aba3 in RGB, HSL and CMYK?
In RGB, #00aba3 is rgb(0, 171, 163), in HSL hsl(177, 100%, 34%) and in CMYK 100%, 0%, 5%, 33%.
What colors pair best with #00aba3?
#00aba3 shines brightest when paired with soft, warm neutrals like cream or light gray to balance its cool intensity. For a more sophisticated contrast, try incorporating a dark charcoal or deep neutral tone to ground the brightness.
Is #00aba3 suitable for text backgrounds?
#00aba3 is generally too vibrant and heavy to serve as a large background area, but it offers a high 7.4:1 contrast ratio against standard black text. Use it sparingly for interactive elements to keep your layout clean and readable.
Is #00aba3 readable on white or black?
#00aba3 has a 2.85:1 contrast ratio on white and 7.35: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.