Preview
#72e3d0
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.61:1
HEX
#72e3d0
RGB
rgb(114, 227, 208)
RGBA
rgba(114, 227, 208, 1)
HSL
hsl(170, 67%, 67%)
HSV
hsv(170, 50%, 89%)
LAB
lab(83.48% -36.82 -0.63)
LCH
lch(83.48% 36.83 180.98)
OKLAB
oklab(0.8441 -0.1076 -0.0023)
OKLCH
oklch(0.8441 0.1076 181.22)
XYZ
xyz(45.79, 63.07, 69.42)
CMYK
cmyk(50%, 0%, 8%, 11%)
CSS
color: #72e3d0;
CSS variable
--color-72e3d0: #72e3d0;
SCSS
$color-72e3d0: #72e3d0;
Tailwind
teal-300
Export
:root {
--#72e3d0-1: #72e3d0;
}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.