Preview
#303627
Family: Lime
Accessibility on this swatch:
Contrast vs white: 12.48:1 · vs black: 1.68:1
HEX
#303627
RGB
rgb(48, 54, 39)
RGBA
rgba(48, 54, 39, 1)
HSL
hsl(84, 16%, 18%)
HSV
hsv(84, 28%, 21%)
LAB
lab(21.63% -5.87 8.61)
LCH
lch(21.63% 10.42 124.28)
OKLAB
oklab(0.3223 -0.0157 0.0219)
OKLCH
oklch(0.3223 0.0269 125.64)
XYZ
xyz(2.90, 3.41, 2.42)
CMYK
cmyk(11%, 0%, 28%, 79%)
CSS
color: #303627;
CSS variable
--color-303627: #303627;
SCSS
$color-303627: #303627;
Tailwind
yellow-800
Export
:root {
--#303627-1: #303627;
}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.