Preview
#bcd46f
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.79:1
HEX
#bcd46f
RGB
rgb(188, 212, 111)
RGBA
rgba(188, 212, 111, 1)
HSL
hsl(74, 54%, 63%)
HSV
hsv(74, 48%, 83%)
LAB
lab(81.25% -23.37 46.99)
LCH
lch(81.25% 52.48 116.44)
OKLAB
oklab(0.8302 -0.0657 0.1123)
OKLCH
oklch(0.8302 0.1301 120.33)
XYZ
xyz(47.15, 58.93, 23.93)
CMYK
cmyk(11%, 0%, 48%, 17%)
CSS
color: #bcd46f;
CSS variable
--color-bcd46f: #bcd46f;
SCSS
$color-bcd46f: #bcd46f;
Tailwind
amber-300
Export
:root {
--#bcd46f-1: #bcd46f;
}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.