Preview
#4dffb8
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.31:1
HEX
#4dffb8
RGB
rgb(77, 255, 184)
RGBA
rgba(77, 255, 184, 1)
HSL
hsl(156, 100%, 65%)
HSV
hsv(156, 70%, 100%)
LAB
lab(90.12% -60.7 21.19)
LCH
lch(90.12% 64.29 160.76)
OKLAB
oklab(0.8936 -0.166 0.0539)
OKLCH
oklch(0.8936 0.1745 162.01)
XYZ
xyz(47.47, 76.55, 57.61)
CMYK
cmyk(70%, 0%, 28%, 0%)
CSS
color: #4dffb8;
CSS variable
--color-4dffb8: #4dffb8;
SCSS
$color-4dffb8: #4dffb8;
Tailwind
emerald-300
Export
:root {
--#4dffb8-1: #4dffb8;
}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.