Preview
#373b30
Family: Lime
Accessibility on this swatch:
Contrast vs white: 11.47:1 · vs black: 1.83:1
HEX
#373b30
RGB
rgb(55, 59, 48)
RGBA
rgba(55, 59, 48, 1)
HSL
hsl(82, 10%, 21%)
HSV
hsv(82, 19%, 23%)
LAB
lab(24.17% -4.12 6.26)
LCH
lch(24.17% 7.49 123.35)
OKLAB
oklab(0.3448 -0.0107 0.0161)
OKLCH
oklch(0.3448 0.0193 123.61)
XYZ
xyz(3.67, 4.15, 3.40)
CMYK
cmyk(7%, 0%, 19%, 77%)
CSS
color: #373b30;
CSS variable
--color-373b30: #373b30;
SCSS
$color-373b30: #373b30;
Tailwind
yellow-700
Export
:root {
--#373b30-1: #373b30;
}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.