Preview
#686c5a
HEX
#686c5a
RGB
rgb(104, 108, 90)
RGBA
rgba(104, 108, 90, 1)
HSL
hsl(73, 9%, 39%)
HSV
hsv(73, 17%, 42%)
LAB
lab(44.81% -5.05 9.57)
LCH
lch(44.81% 10.82 117.82)
OKLAB
oklab(0.5224 -0.0129 0.0247)
OKLCH
oklch(0.5224 0.0279 117.58)
XYZ
xyz(12.92, 14.41, 11.77)
CMYK
cmyk(4%, 0%, 17%, 58%)
CSS
color: #686c5a;
CSS variable
--color-686c5a: #686c5a;
SCSS
$color-686c5a: #686c5a;
Tailwind
amber-600
Export
:root {
--#686c5a-1: #686c5a;
}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.