Preview
#00ffcc
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.3:1 · vs black: 16.18:1
HEX
#00ffcc
RGB
rgb(0, 255, 204)
RGBA
rgba(0, 255, 204, 1)
HSL
hsl(168, 100%, 50%)
HSV
hsv(168, 100%, 100%)
LAB
lab(89.8% -61.62 10.38)
LCH
lch(89.8% 62.49 170.44)
OKLAB
oklab(0.8903 -0.1719 0.0264)
OKLCH
oklch(0.8903 0.1739 171.27)
XYZ
xyz(46.65, 75.87, 69.30)
CMYK
cmyk(100%, 0%, 20%, 0%)
CSS
color: #00ffcc;
CSS variable
--color-00ffcc: #00ffcc;
SCSS
$color-00ffcc: #00ffcc;
Tailwind
teal-500
Export
:root {
--web-safe-#00ffcc-1: #00ffcc;
}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.