#00A878 Hex Color

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

Hex color #00a878 graphic
This cool, unsaturated teal works well as a supporting accent in healthcare or technology branding. Because it offers strong contrast, black text remains highly legible against it. The hex code for this color is #00a878. Avoid using it as a dominant background, as it can feel overwhelming in large blocks, but it pairs cleanly with muted grays or stark white for a balanced, modern look.

Questions about #00a878

What is #00a878 in RGB, HSL and CMYK?
In RGB, #00a878 is rgb(0, 168, 120), in HSL hsl(163, 100%, 33%) and in CMYK 100%, 0%, 29%, 34%. Browse more shades of green with names and hex codes.
What colors pair well with #00a878 for a balanced design?
Pair #00a878 with charcoal or soft off-white backgrounds to maintain visual balance without overpowering the user. Because this teal has a cool, unsaturated quality, it also works harmoniously alongside muted navy tones for a professional, tech-focused palette.
Is #00a878 readable on white or black?
#00a878 has a 3.05:1 contrast ratio on white and 6.87: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.