Preview
#687b47
HEX
#687b47
RGB
rgb(104, 123, 71)
RGBA
rgba(104, 123, 71, 1)
HSL
hsl(82, 27%, 38%)
HSV
hsv(82, 42%, 48%)
LAB
lab(48.96% -16.4 26.14)
LCH
lch(48.96% 30.86 122.1)
OKLAB
oklab(0.5543 -0.0452 0.0639)
OKLCH
oklch(0.5543 0.0783 125.27)
XYZ
xyz(13.93, 17.56, 8.62)
CMYK
cmyk(15%, 0%, 42%, 52%)
CSS
color: #687b47;
CSS variable
--color-687b47: #687b47;
SCSS
$color-687b47: #687b47;
Tailwind
yellow-600
Export
:root {
--#687b47-1: #687b47;
}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.