Preview
#4dffbb
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.34:1
HEX
#4dffbb
RGB
rgb(77, 255, 187)
RGBA
rgba(77, 255, 187, 1)
HSL
hsl(157, 100%, 65%)
HSV
hsv(157, 70%, 100%)
LAB
lab(90.17% -60.07 19.74)
LCH
lch(90.17% 63.23 161.81)
OKLAB
oklab(0.8943 -0.1647 0.0503)
OKLCH
oklch(0.8943 0.1722 163.02)
XYZ
xyz(47.79, 76.68, 59.29)
CMYK
cmyk(70%, 0%, 27%, 0%)
CSS
color: #4dffbb;
CSS variable
--color-4dffbb: #4dffbb;
SCSS
$color-4dffbb: #4dffbb;
Tailwind
emerald-300
Export
:root {
--#4dffbb-1: #4dffbb;
}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.