Preview
#686d3f
HEX
#686d3f
RGB
rgb(104, 109, 63)
RGBA
rgba(104, 109, 63, 1)
HSL
hsl(67, 27%, 34%)
HSV
hsv(67, 42%, 43%)
LAB
lab(44.57% -9.74 25.03)
LCH
lch(44.57% 26.86 111.26)
OKLAB
oklab(0.5188 -0.0269 0.061)
OKLCH
oklch(0.5188 0.0667 113.8)
XYZ
xyz(12.07, 14.24, 6.81)
CMYK
cmyk(5%, 0%, 42%, 57%)
CSS
color: #686d3f;
CSS variable
--color-686d3f: #686d3f;
SCSS
$color-686d3f: #686d3f;
Tailwind
amber-600
Export
:root {
--#686d3f-1: #686d3f;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.