Preview
#97c7b0
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.89:1 · vs black: 11.11:1
HEX
#97c7b0
RGB
rgb(151, 199, 176)
RGBA
rgba(151, 199, 176, 1)
HSL
hsl(151, 30%, 69%)
HSV
hsv(151, 24%, 78%)
LAB
lab(76.41% -20.47 6.42)
LCH
lch(76.41% 21.45 162.59)
OKLAB
oklab(0.7892 -0.0578 0.0166)
OKLCH
oklch(0.7892 0.0601 163.98)
XYZ
xyz(41.02, 50.56, 48.66)
CMYK
cmyk(24%, 0%, 12%, 22%)
CSS
color: #97c7b0;
CSS variable
--color-97c7b0: #97c7b0;
SCSS
$color-97c7b0: #97c7b0;
Tailwind
emerald-300
Export
:root {
--#97c7b0-1: #97c7b0;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.