Preview
#17220b
Family: Lime
Accessibility on this swatch:
Contrast vs white: 16.53:1 · vs black: 1.27:1
HEX
#17220b
RGB
rgb(23, 34, 11)
RGBA
rgba(23, 34, 11, 1)
HSL
hsl(89, 51%, 9%)
HSV
hsv(89, 68%, 13%)
LAB
lab(11.62% -10.03 12.53)
LCH
lch(11.62% 16.05 128.68)
OKLAB
oklab(0.2347 -0.0279 0.033)
OKLCH
oklch(0.2347 0.0432 130.21)
XYZ
xyz(0.99, 1.35, 0.53)
CMYK
cmyk(32%, 0%, 68%, 87%)
CSS
color: #17220b;
CSS variable
--color-17220b: #17220b;
SCSS
$color-17220b: #17220b;
Tailwind
yellow-900
Export
:root {
--#17220b-1: #17220b;
}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.