Preview
#2b3122
Family: Lime
Accessibility on this swatch:
Contrast vs white: 13.42:1 · vs black: 1.57:1
HEX
#2b3122
RGB
rgb(43, 49, 34)
RGBA
rgba(43, 49, 34, 1)
HSL
hsl(84, 18%, 16%)
HSV
hsv(84, 31%, 19%)
LAB
lab(19.33% -5.95 8.74)
LCH
lch(19.33% 10.57 124.25)
OKLAB
oklab(0.3025 -0.0159 0.0221)
OKLCH
oklch(0.3025 0.0272 125.73)
XYZ
xyz(2.38, 2.83, 1.93)
CMYK
cmyk(12%, 0%, 31%, 81%)
CSS
color: #2b3122;
CSS variable
--color-2b3122: #2b3122;
SCSS
$color-2b3122: #2b3122;
Tailwind
yellow-800
Export
:root {
--#2b3122-1: #2b3122;
}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.