Preview
#9cffd9
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.72:1
HEX
#9cffd9
RGB
rgb(156, 255, 217)
RGBA
rgba(156, 255, 217, 1)
HSL
hsl(157, 100%, 81%)
HSV
hsv(157, 39%, 100%)
LAB
lab(93.27% -37.4 9.07)
LCH
lch(93.27% 38.48 166.37)
OKLAB
oklab(0.9285 -0.1055 0.0233)
OKLCH
oklch(0.9285 0.108 167.55)
XYZ
xyz(61.99, 83.59, 78.50)
CMYK
cmyk(39%, 0%, 15%, 0%)
CSS
color: #9cffd9;
CSS variable
--color-9cffd9: #9cffd9;
SCSS
$color-9cffd9: #9cffd9;
Tailwind
emerald-100
Export
:root {
--#9cffd9-1: #9cffd9;
}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.