Preview
#303623
Family: Lime
Accessibility on this swatch:
Contrast vs white: 12.52:1 · vs black: 1.68:1
HEX
#303623
RGB
rgb(48, 54, 35)
RGBA
rgba(48, 54, 35, 1)
HSL
hsl(79, 21%, 17%)
HSV
hsv(79, 35%, 21%)
LAB
lab(21.54% -6.61 11.13)
LCH
lch(21.54% 12.94 120.71)
OKLAB
oklab(0.3212 -0.0178 0.0279)
OKLCH
oklch(0.3212 0.0331 122.54)
XYZ
xyz(2.84, 3.39, 2.09)
CMYK
cmyk(11%, 0%, 35%, 79%)
CSS
color: #303623;
CSS variable
--color-303623: #303623;
SCSS
$color-303623: #303623;
Tailwind
amber-800
Export
:root {
--#303623-1: #303623;
}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.