Preview
#3c4332
Family: Lime
Accessibility on this swatch:
Contrast vs white: 10.29:1 · vs black: 2.04:1
HEX
#3c4332
RGB
rgb(60, 67, 50)
RGBA
rgba(60, 67, 50, 1)
HSL
hsl(85, 15%, 23%)
HSV
hsv(85, 25%, 26%)
LAB
lab(27.31% -6.53 9.39)
LCH
lch(27.31% 11.44 124.82)
OKLAB
oklab(0.371 -0.0174 0.0239)
OKLCH
oklch(0.371 0.0296 126.06)
XYZ
xyz(4.45, 5.21, 3.79)
CMYK
cmyk(10%, 0%, 25%, 74%)
CSS
color: #3c4332;
CSS variable
--color-3c4332: #3c4332;
SCSS
$color-3c4332: #3c4332;
Tailwind
yellow-700
Export
:root {
--#3c4332-1: #3c4332;
}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.