Preview
#54c8bd
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.37:1
HEX
#54c8bd
RGB
rgb(84, 200, 189)
RGBA
rgba(84, 200, 189, 1)
HSL
hsl(174, 51%, 56%)
HSV
hsv(174, 58%, 78%)
LAB
lab(74.1% -35.22 -4.33)
LCH
lch(74.1% 35.49 187.01)
OKLAB
oklab(0.7638 -0.1049 -0.0123)
OKLCH
oklch(0.7638 0.1056 186.69)
XYZ
xyz(33.49, 46.86, 55.41)
CMYK
cmyk(58%, 0%, 5%, 22%)
CSS
color: #54c8bd;
CSS variable
--color-54c8bd: #54c8bd;
SCSS
$color-54c8bd: #54c8bd;
Tailwind
teal-400
Export
:root {
--#54c8bd-1: #54c8bd;
}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.