Preview
#91d4c9
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.68:1 · vs black: 12.46:1
HEX
#91d4c9
RGB
rgb(145, 212, 201)
RGBA
rgba(145, 212, 201, 1)
HSL
hsl(170, 44%, 70%)
HSV
hsv(170, 32%, 83%)
LAB
lab(80.36% -23.47 -1.31)
LCH
lch(80.36% 23.51 183.19)
OKLAB
oklab(0.822 -0.0694 -0.0039)
OKLCH
oklch(0.822 0.0695 183.22)
XYZ
xyz(45.76, 57.32, 63.90)
CMYK
cmyk(32%, 0%, 5%, 17%)
CSS
color: #91d4c9;
CSS variable
--color-91d4c9: #91d4c9;
SCSS
$color-91d4c9: #91d4c9;
Tailwind
teal-300
Export
:root {
--#91d4c9-1: #91d4c9;
}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.