Preview
#3e4422
Family: Lime
Accessibility on this swatch:
Contrast vs white: 10.22:1 · vs black: 2.05:1
HEX
#3e4422
RGB
rgb(62, 68, 34)
RGBA
rgba(62, 68, 34, 1)
HSL
hsl(71, 33%, 20%)
HSV
hsv(71, 50%, 27%)
LAB
lab(27.5% -8.76 19.7)
LCH
lch(27.5% 21.56 113.97)
OKLAB
oklab(0.372 -0.0245 0.0475)
OKLCH
oklch(0.372 0.0534 117.28)
XYZ
xyz(4.34, 5.27, 2.30)
CMYK
cmyk(9%, 0%, 50%, 73%)
CSS
color: #3e4422;
CSS variable
--color-3e4422: #3e4422;
SCSS
$color-3e4422: #3e4422;
Tailwind
amber-800
Export
:root {
--#3e4422-1: #3e4422;
}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.