Preview
#bce37f
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.43:1
HEX
#bce37f
RGB
rgb(188, 227, 127)
RGBA
rgba(188, 227, 127, 1)
HSL
hsl(83, 64%, 69%)
HSV
hsv(83, 44%, 89%)
LAB
lab(85.59% -28.83 44.58)
LCH
lch(85.59% 53.09 122.89)
OKLAB
oklab(0.8657 -0.0798 0.108)
OKLCH
oklch(0.8657 0.1343 126.46)
XYZ
xyz(52.04, 67.16, 30.30)
CMYK
cmyk(17%, 0%, 44%, 11%)
CSS
color: #bce37f;
CSS variable
--color-bce37f: #bce37f;
SCSS
$color-bce37f: #bce37f;
Tailwind
yellow-300
Export
:root {
--#bce37f-1: #bce37f;
}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.