Preview
#686a5c
HEX
#686a5c
RGB
rgb(104, 106, 92)
RGBA
rgba(104, 106, 92, 1)
HSL
hsl(69, 7%, 39%)
HSV
hsv(69, 13%, 42%)
LAB
lab(44.27% -3.52 7.61)
LCH
lch(44.27% 8.38 114.82)
OKLAB
oklab(0.5183 -0.0087 0.0197)
OKLCH
oklch(0.5183 0.0215 113.83)
XYZ
xyz(12.79, 14.02, 12.16)
CMYK
cmyk(2%, 0%, 13%, 58%)
CSS
color: #686a5c;
CSS variable
--color-686a5c: #686a5c;
SCSS
$color-686a5c: #686a5c;
Tailwind
slate-600
Export
:root {
--#686a5c-1: #686a5c;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.