Preview
#222f12
Family: Lime
Accessibility on this swatch:
Contrast vs white: 14.16:1 · vs black: 1.48:1
HEX
#222f12
RGB
rgb(34, 47, 18)
RGBA
rgba(34, 47, 18, 1)
HSL
hsl(87, 45%, 13%)
HSV
hsv(87, 62%, 18%)
LAB
lab(17.54% -11.65 16.73)
LCH
lch(17.54% 20.39 124.85)
OKLAB
oklab(0.2851 -0.0324 0.0399)
OKLCH
oklch(0.2851 0.0514 129.08)
XYZ
xyz(1.79, 2.42, 0.94)
CMYK
cmyk(28%, 0%, 62%, 82%)
CSS
color: #222f12;
CSS variable
--color-222f12: #222f12;
SCSS
$color-222f12: #222f12;
Tailwind
yellow-800
Export
:root {
--#222f12-1: #222f12;
}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.