Preview
#222f0e
Family: Lime
Accessibility on this swatch:
Contrast vs white: 14.18:1 · vs black: 1.48:1
HEX
#222f0e
RGB
rgb(34, 47, 14)
RGBA
rgba(34, 47, 14, 1)
HSL
hsl(84, 54%, 12%)
HSV
hsv(84, 70%, 18%)
LAB
lab(17.48% -12.15 18.88)
LCH
lch(17.48% 22.45 122.76)
OKLAB
oklab(0.2845 -0.0343 0.0445)
OKLCH
oklch(0.2845 0.0562 127.62)
XYZ
xyz(1.76, 2.40, 0.79)
CMYK
cmyk(28%, 0%, 70%, 82%)
CSS
color: #222f0e;
CSS variable
--color-222f0e: #222f0e;
SCSS
$color-222f0e: #222f0e;
Tailwind
yellow-900
Export
:root {
--#222f0e-1: #222f0e;
}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.