Preview
#bfc99f
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.07:1
HEX
#bfc99f
RGB
rgb(191, 201, 159)
RGBA
rgba(191, 201, 159, 1)
HSL
hsl(74, 28%, 71%)
HSV
hsv(74, 21%, 79%)
LAB
lab(79.24% -10.63 19.89)
LCH
lch(79.24% 22.55 118.12)
OKLAB
oklab(0.8173 -0.0276 0.0508)
OKLCH
oklch(0.8173 0.0578 118.52)
XYZ
xyz(48.63, 55.35, 40.92)
CMYK
cmyk(5%, 0%, 21%, 21%)
CSS
color: #bfc99f;
CSS variable
--color-bfc99f: #bfc99f;
SCSS
$color-bfc99f: #bfc99f;
Tailwind
amber-200
Export
:root {
--#bfc99f-1: #bfc99f;
}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.