Preview
#2f3724
Family: Lime
Accessibility on this swatch:
Contrast vs white: 12.41:1 · vs black: 1.69:1
HEX
#2f3724
RGB
rgb(47, 55, 36)
RGBA
rgba(47, 55, 36, 1)
HSL
hsl(85, 21%, 18%)
HSV
hsv(85, 35%, 22%)
LAB
lab(21.81% -7.53 10.83)
LCH
lch(21.81% 13.19 124.81)
OKLAB
oklab(0.3233 -0.0203 0.0272)
OKLCH
oklch(0.3233 0.0339 126.73)
XYZ
xyz(2.86, 3.46, 2.19)
CMYK
cmyk(15%, 0%, 35%, 78%)
CSS
color: #2f3724;
CSS variable
--color-2f3724: #2f3724;
SCSS
$color-2f3724: #2f3724;
Tailwind
yellow-800
Export
:root {
--#2f3724-1: #2f3724;
}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.