Preview
#485c2a
HEX
#485c2a
RGB
rgb(72, 92, 42)
RGBA
rgba(72, 92, 42, 1)
HSL
hsl(84, 37%, 26%)
HSV
hsv(84, 54%, 36%)
LAB
lab(36.36% -16.95 26.09)
LCH
lch(36.36% 31.11 123.01)
OKLAB
oklab(0.4456 -0.0473 0.0622)
OKLCH
oklch(0.4456 0.0781 127.25)
XYZ
xyz(6.92, 9.20, 3.60)
CMYK
cmyk(22%, 0%, 54%, 64%)
CSS
color: #485c2a;
CSS variable
--color-485c2a: #485c2a;
SCSS
$color-485c2a: #485c2a;
Tailwind
yellow-700
Export
:root {
--#485c2a-1: #485c2a;
}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.