Preview
#303922
Family: Lime
Accessibility on this swatch:
Contrast vs white: 12.11:1 · vs black: 1.73:1
HEX
#303922
RGB
rgb(48, 57, 34)
RGBA
rgba(48, 57, 34, 1)
HSL
hsl(83, 25%, 18%)
HSV
hsv(83, 40%, 22%)
LAB
lab(22.55% -8.66 13.13)
LCH
lch(22.55% 15.73 123.41)
OKLAB
oklab(0.3293 -0.0236 0.0326)
OKLCH
oklch(0.3293 0.0402 125.9)
XYZ
xyz(2.97, 3.67, 2.06)
CMYK
cmyk(16%, 0%, 40%, 78%)
CSS
color: #303922;
CSS variable
--color-303922: #303922;
SCSS
$color-303922: #303922;
Tailwind
yellow-800
Export
:root {
--#303922-1: #303922;
}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.