#2A9D8F
#8AB17D
#E9C46A
#F4A261
#2A9D8F · Cadet
Click to copy#2A9D8F is a medium, moderately saturated teal color, closest to Cadet and near Cadet and Jade. In OKLCH it has 63% lightness and 0.10 chroma at hue 183°. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #2A9D8F a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 11 ColorSwoop palettes.
Color codes click to copy
HEX
#2A9D8FRGB
rgb(42, 157, 143)HSL
hsl(173, 58%, 39%)CMYK
73, 0, 9, 38CSS var
--cadetContrast
3.32:1 white · 6.32:1 blackSimilar named colors
How to use #2A9D8F
Black text passes WCAG AA on #2A9D8F (6.32:1); white text does not (3.32:1).
For a calm scheme pair #2A9D8F with its analogous neighbors #2A9D56 and #2A719D; for contrast use its complement #9D2A37 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--cadet: #2A9D8F;
$cadet: #2A9D8F;
colors: { 'cadet': '#2A9D8F' }