Preview
#00ffaa
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.32:1 · vs black: 15.88:1
HEX
#00ffaa
RGB
rgb(0, 255, 170)
RGBA
rgba(0, 255, 170, 1)
HSL
hsl(160, 100%, 50%)
HSV
hsv(160, 100%, 100%)
LAB
lab(89.12% -69.23 26.82)
LCH
lch(89.12% 74.24 158.82)
OKLAB
oklab(0.8824 -0.1873 0.0677)
OKLCH
oklch(0.8824 0.1992 160.13)
XYZ
xyz(43.01, 74.42, 50.12)
CMYK
cmyk(100%, 0%, 33%, 0%)
CSS
color: #00ffaa;
CSS variable
--color-00ffaa: #00ffaa;
SCSS
$color-00ffaa: #00ffaa;
Tailwind
teal-500
Export
:root {
--#00ffaa-1: #00ffaa;
}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.