#FFB300
#00A896
#02C39A
#F0F3BD
#00A896 · Cadet
Click to copy#00A896 is a medium, highly saturated teal color, closest to Cadet and near Cadet and Jade. In OKLCH it has 66% lightness and 0.12 chroma at hue 182°. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #00A896 a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 3 ColorSwoop palettes.
Color codes click to copy
HEX
#00A896RGB
rgb(0, 168, 150)HSL
hsl(174, 100%, 33%)CMYK
100, 0, 11, 34CSS var
--cadetContrast
2.98:1 white · 7.04:1 blackSimilar named colors
How to use #00A896
Black text passes WCAG AA on #00A896 (7.04:1); white text does not (2.98:1).
For a calm scheme pair #00A896 with its analogous neighbors #00A843 and #0065A8; for contrast use its complement #A80011 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--cadet: #00A896;
$cadet: #00A896;
colors: { 'cadet': '#00A896' }