#ACB100
#FFB347
#0A9396
#F8F8F8
#0A9396 · Teal
Click to copy#0A9396 is a dark, highly saturated teal color, closest to Teal and near Teal and Cadet. In OKLCH it has 60% lightness and 0.10 chroma at hue 197°. Teal suggests clarity and sophistication; it sits between the calm of blue and the freshness of green, which makes #0A9396 a natural choice for healthcare, SaaS dashboards and coastal brands. It appears in 3 ColorSwoop palettes.
Color codes click to copy
HEX
#0A9396RGB
rgb(10, 147, 150)HSL
hsl(181, 88%, 31%)CMYK
93, 2, 0, 41CSS var
--tealContrast
3.73:1 white · 5.63:1 blackSimilar named colors
How to use #0A9396
Black text passes WCAG AA on #0A9396 (5.63:1); white text does not (3.73:1).
For a calm scheme pair #0A9396 with its analogous neighbors #099551 and #094D95; for contrast use its complement #950C09 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--teal: #0A9396;
$teal: #0A9396;
colors: { 'teal': '#0A9396' }