Preview
#1f290f
Family: Lime
Accessibility on this swatch:
Contrast vs white: 15.19:1 · vs black: 1.38:1
HEX
#1f290f
RGB
rgb(31, 41, 15)
RGBA
rgba(31, 41, 15, 1)
HSL
hsl(83, 46%, 11%)
HSV
hsv(83, 63%, 16%)
LAB
lab(15.02% -9.85 15.24)
LCH
lch(15.02% 18.15 122.88)
OKLAB
oklab(0.264 -0.0275 0.0369)
OKLCH
oklch(0.264 0.046 126.7)
XYZ
xyz(1.44, 1.91, 0.74)
CMYK
cmyk(24%, 0%, 63%, 84%)
CSS
color: #1f290f;
CSS variable
--color-1f290f: #1f290f;
SCSS
$color-1f290f: #1f290f;
Tailwind
yellow-900
Export
:root {
--#1f290f-1: #1f290f;
}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.