Preview
#2a3714
Family: Lime
Accessibility on this swatch:
Contrast vs white: 12.69:1 · vs black: 1.66:1
HEX
#2a3714
RGB
rgb(42, 55, 20)
RGBA
rgba(42, 55, 20, 1)
HSL
hsl(82, 47%, 15%)
HSV
hsv(82, 64%, 22%)
LAB
lab(21.11% -12.33 19.92)
LCH
lch(21.11% 23.43 121.76)
OKLAB
oklab(0.3157 -0.0347 0.0469)
OKLCH
oklch(0.3157 0.0583 126.5)
XYZ
xyz(2.45, 3.28, 1.16)
CMYK
cmyk(24%, 0%, 64%, 78%)
CSS
color: #2a3714;
CSS variable
--color-2a3714: #2a3714;
SCSS
$color-2a3714: #2a3714;
Tailwind
yellow-800
Export
:root {
--#2a3714-1: #2a3714;
}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.