Preview
#55ffbb
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.41:1
HEX
#55ffbb
RGB
rgb(85, 255, 187)
RGBA
rgba(85, 255, 187, 1)
HSL
hsl(156, 100%, 67%)
HSV
hsv(156, 67%, 100%)
LAB
lab(90.34% -58.88 19.99)
LCH
lch(90.34% 62.18 161.25)
OKLAB
oklab(0.8961 -0.1614 0.051)
OKLCH
oklch(0.8961 0.1693 162.46)
XYZ
xyz(48.47, 77.03, 59.32)
CMYK
cmyk(67%, 0%, 27%, 0%)
CSS
color: #55ffbb;
CSS variable
--color-55ffbb: #55ffbb;
SCSS
$color-55ffbb: #55ffbb;
Tailwind
emerald-300
Export
:root {
--#55ffbb-1: #55ffbb;
}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.