Preview
#009966
Family: Teal
Accessibility on this swatch:
Contrast vs white: 3.65:1 · vs black: 5.75:1
HEX
#009966
RGB
rgb(0, 153, 102)
RGBA
rgba(0, 153, 102, 1)
HSL
hsl(160, 100%, 30%)
HSV
hsv(160, 100%, 60%)
LAB
lab(55.83% -46.88 17.38)
LCH
lch(55.83% 50 159.66)
OKLAB
oklab(0.6031 -0.1271 0.0439)
OKLCH
oklch(0.6031 0.1345 160.95)
XYZ
xyz(13.79, 23.74, 16.42)
CMYK
cmyk(100%, 0%, 33%, 40%)
CSS
color: #009966;
CSS variable
--color-009966: #009966;
SCSS
$color-009966: #009966;
Tailwind
teal-700
Export
:root {
--web-safe-#009966-1: #009966;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.