Preview
#00796b
Family: Teal
Accessibility on this swatch:
Contrast vs white: 5.32:1 · vs black: 3.95:1
HEX
#00796b
RGB
rgb(0, 121, 107)
RGBA
rgba(0, 121, 107, 1)
HSL
hsl(173, 100%, 24%)
HSV
hsv(173, 100%, 47%)
LAB
lab(45.27% -32.13 -0.45)
LCH
lch(45.27% 32.13 180.8)
OKLAB
oklab(0.5166 -0.093 -0.0018)
OKLCH
oklch(0.5166 0.093 181.11)
XYZ
xyz(9.49, 14.73, 16.25)
CMYK
cmyk(100%, 0%, 12%, 53%)
CSS
color: #00796b;
CSS variable
--color-00796b: #00796b;
SCSS
$color-00796b: #00796b;
Tailwind
teal-700
Export
:root {
--material-teal-700-1: #00796b;
}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.