Preview
#54aca3
HEX
#54aca3
RGB
rgb(84, 172, 163)
RGBA
rgba(84, 172, 163, 1)
HSL
hsl(174, 35%, 50%)
HSV
hsv(174, 51%, 67%)
LAB
lab(64.99% -28.66 -3.48)
LCH
lch(64.99% 28.87 186.92)
OKLAB
oklab(0.6876 -0.0854 -0.0098)
OKLCH
oklch(0.6876 0.086 186.55)
XYZ
xyz(25.02, 34.03, 39.89)
CMYK
cmyk(51%, 0%, 5%, 33%)
CSS
color: #54aca3;
CSS variable
--color-54aca3: #54aca3;
SCSS
$color-54aca3: #54aca3;
Tailwind
teal-500
Export
:root {
--#54aca3-1: #54aca3;
}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.