Preview
#676656
HEX
#676656
RGB
rgb(103, 102, 86)
RGBA
rgba(103, 102, 86, 1)
HSL
hsl(56, 9%, 37%)
HSV
hsv(56, 17%, 40%)
LAB
lab(42.85% -2.66 9.2)
LCH
lch(42.85% 9.58 106.13)
OKLAB
oklab(0.5064 -0.0061 0.0237)
OKLCH
oklch(0.5064 0.0245 104.43)
XYZ
xyz(12.02, 13.06, 10.69)
CMYK
cmyk(0%, 1%, 17%, 60%)
CSS
color: #676656;
CSS variable
--color-676656: #676656;
SCSS
$color-676656: #676656;
Tailwind
orange-600
Export
:root {
--#676656-1: #676656;
}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.