Preview
#4dffbe
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.36:1
HEX
#4dffbe
RGB
rgb(77, 255, 190)
RGBA
rgba(77, 255, 190, 1)
HSL
hsl(158, 100%, 65%)
HSV
hsv(158, 70%, 100%)
LAB
lab(90.23% -59.43 18.29)
LCH
lch(90.23% 62.18 162.89)
OKLAB
oklab(0.895 -0.1633 0.0467)
OKLCH
oklch(0.895 0.1698 164.04)
XYZ
xyz(48.11, 76.81, 61.00)
CMYK
cmyk(70%, 0%, 25%, 0%)
CSS
color: #4dffbe;
CSS variable
--color-4dffbe: #4dffbe;
SCSS
$color-4dffbe: #4dffbe;
Tailwind
emerald-300
Export
:root {
--#4dffbe-1: #4dffbe;
}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.