#00A67E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone teal occupies a professional, cool space that feels balanced rather than aggressive. The hex code #00a67e works effectively as a primary or secondary UI color for wellness and healthcare interfaces. Because it maintains a high contrast ratio with black text, it ensures solid readability for small body copy. Pair this with soft, warm grays to keep the design feeling grounded.
About Active Green
Pool tile on an overcast afternoon
What does active green mean?
Teal greens often signal water, freshness, and health, so they show up in clinics, spas, and cleaning products. Its middle lightness and held-back saturation read as steady and practical, more workhorse than showpiece.
Where you see active green
- surgical scrubs
- pool tiles
- shower curtains
- aquarium glass
- waiting room chairs
- measuring cups
What it works for
It suits healthcare brands, kitchenware, and interface buttons where a cool green must stay calm and clear.
What colors go with active green?
Terracotta #e2725bWarm clay against cool teal makes both colors look cleaner and more awake.Cream #fffdd0Cream softens the teal's coolness without washing out its green.Charcoal #36454fCharcoal deepens the teal and lets its green carry the whole page.Salmon #fa8072Salmon sits near the complement, so the pair hums without clashing.Sand #e2ca76Sand offsets the cool cast and keeps the combination easy and casual.Plum #8e4585Plum adds depth next to the teal's clarity and slight chill.
Questions about Active Green
What is the hex code for Active Green?
Active Green is #00a67e. In RGB that is rgb(0, 166, 126), in HSL hsl(166, 100%, 33%) and in CMYK 100%, 0%, 24%, 35%.
Where should I use Active Green #00a67e in my UI design?
Active Green #00a67e works best as a primary action color or secondary UI accent for wellness and healthcare interfaces. Its high contrast ratio against black text ensures your call-to-action buttons remain readable and accessible even on smaller screens.
Is Active Green readable on white or black?
Active Green has a 3.10:1 contrast ratio on white and 6.75: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.