Preview
#2b331e
Family: Lime
Accessibility on this swatch:
Contrast vs white: 13.17:1 · vs black: 1.59:1
HEX
#2b331e
RGB
rgb(43, 51, 30)
RGBA
rgba(43, 51, 30, 1)
HSL
hsl(83, 26%, 16%)
HSV
hsv(83, 41%, 20%)
LAB
lab(19.94% -7.95 12.23)
LCH
lch(19.94% 14.59 123.03)
OKLAB
oklab(0.3071 -0.0216 0.0303)
OKLCH
oklch(0.3071 0.0372 125.48)
XYZ
xyz(2.41, 2.97, 1.68)
CMYK
cmyk(16%, 0%, 41%, 80%)
CSS
color: #2b331e;
CSS variable
--color-2b331e: #2b331e;
SCSS
$color-2b331e: #2b331e;
Tailwind
yellow-800
Export
:root {
--#2b331e-1: #2b331e;
}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.