Preview
#686f5f
HEX
#686f5f
RGB
rgb(104, 111, 95)
RGBA
rgba(104, 111, 95, 1)
HSL
hsl(86, 8%, 40%)
HSV
hsv(86, 14%, 44%)
LAB
lab(45.82% -5.87 8.02)
LCH
lch(45.82% 9.94 126.2)
OKLAB
oklab(0.5308 -0.0154 0.0208)
OKLCH
oklch(0.5308 0.0259 126.52)
XYZ
xyz(13.46, 15.14, 13.04)
CMYK
cmyk(6%, 0%, 14%, 56%)
CSS
color: #686f5f;
CSS variable
--color-686f5f: #686f5f;
SCSS
$color-686f5f: #686f5f;
Tailwind
yellow-600
Export
:root {
--#686f5f-1: #686f5f;
}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.