Preview
#89a759
HEX
#89a759
RGB
rgb(137, 167, 89)
RGBA
rgba(137, 167, 89, 1)
HSL
hsl(83, 31%, 50%)
HSV
hsv(83, 47%, 65%)
LAB
lab(64.71% -23.55 36.82)
LCH
lch(64.71% 43.71 122.6)
OKLAB
oklab(0.6876 -0.0654 0.0887)
OKLCH
oklch(0.6876 0.1102 126.4)
XYZ
xyz(25.94, 33.68, 14.58)
CMYK
cmyk(18%, 0%, 47%, 35%)
CSS
color: #89a759;
CSS variable
--color-89a759: #89a759;
SCSS
$color-89a759: #89a759;
Tailwind
yellow-500
Export
:root {
--#89a759-1: #89a759;
}Energy, youth, and experimentation. High-visibility accents and playful UIs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Lime family.