Preview
#4dffea
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.25:1 · vs black: 16.81:1
HEX
#4dffea
RGB
rgb(77, 255, 234)
RGBA
rgba(77, 255, 234, 1)
HSL
hsl(173, 100%, 65%)
HSV
hsv(173, 70%, 100%)
LAB
lab(91.25% -49.02 -2.96)
LCH
lch(91.25% 49.11 183.46)
OKLAB
oklab(0.9067 -0.1438 -0.0088)
OKLCH
oklch(0.9067 0.1441 183.5)
XYZ
xyz(53.66, 79.03, 90.25)
CMYK
cmyk(70%, 0%, 8%, 0%)
CSS
color: #4dffea;
CSS variable
--color-4dffea: #4dffea;
SCSS
$color-4dffea: #4dffea;
Tailwind
teal-300
Export
:root {
--#4dffea-1: #4dffea;
}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.