Preview
#354224
Family: Lime
Accessibility on this swatch:
Contrast vs white: 10.74:1 · vs black: 1.96:1
HEX
#354224
RGB
rgb(53, 66, 36)
RGBA
rgba(53, 66, 36, 1)
HSL
hsl(86, 29%, 20%)
HSV
hsv(86, 45%, 26%)
LAB
lab(26.1% -11.48 16.55)
LCH
lch(26.1% 20.14 124.75)
OKLAB
oklab(0.3589 -0.0315 0.0406)
OKLCH
oklch(0.3589 0.0514 127.81)
XYZ
xyz(3.73, 4.78, 2.39)
CMYK
cmyk(20%, 0%, 45%, 74%)
CSS
color: #354224;
CSS variable
--color-354224: #354224;
SCSS
$color-354224: #354224;
Tailwind
yellow-800
Export
:root {
--#354224-1: #354224;
}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.