Preview
#3f4336
Family: Lime
Accessibility on this swatch:
Contrast vs white: 10.16:1 · vs black: 2.07:1
HEX
#3f4336
RGB
rgb(63, 67, 54)
RGBA
rgba(63, 67, 54, 1)
HSL
hsl(78, 11%, 24%)
HSV
hsv(78, 19%, 26%)
LAB
lab(27.68% -4.44 7.35)
LCH
lch(27.68% 8.59 121.14)
OKLAB
oklab(0.3749 -0.0115 0.0189)
OKLCH
oklch(0.3749 0.0221 121.32)
XYZ
xyz(4.72, 5.34, 4.27)
CMYK
cmyk(6%, 0%, 19%, 74%)
CSS
color: #3f4336;
CSS variable
--color-3f4336: #3f4336;
SCSS
$color-3f4336: #3f4336;
Tailwind
amber-700
Export
:root {
--#3f4336-1: #3f4336;
}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.