Preview
#18200c
Family: Lime
Accessibility on this swatch:
Contrast vs white: 16.79:1 · vs black: 1.25:1
HEX
#18200c
RGB
rgb(24, 32, 12)
RGBA
rgba(24, 32, 12, 1)
HSL
hsl(84, 45%, 9%)
HSV
hsv(84, 63%, 13%)
LAB
lab(10.95% -8.09 11.16)
LCH
lch(10.95% 13.78 125.94)
OKLAB
oklab(0.2295 -0.0225 0.0298)
OKLCH
oklch(0.2295 0.0373 127.05)
XYZ
xyz(0.96, 1.25, 0.54)
CMYK
cmyk(25%, 0%, 62%, 87%)
CSS
color: #18200c;
CSS variable
--color-18200c: #18200c;
SCSS
$color-18200c: #18200c;
Tailwind
yellow-900
Export
:root {
--#18200c-1: #18200c;
}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.