Preview
#bce392
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.54:1
HEX
#bce392
RGB
rgb(188, 227, 146)
RGBA
rgba(188, 227, 146, 1)
HSL
hsl(89, 59%, 73%)
HSV
hsv(89, 36%, 89%)
LAB
lab(85.86% -26.48 35.5)
LCH
lch(85.86% 44.29 126.72)
OKLAB
oklab(0.8688 -0.0723 0.0879)
OKLCH
oklch(0.8688 0.1138 129.44)
XYZ
xyz(53.40, 67.70, 37.44)
CMYK
cmyk(17%, 0%, 36%, 11%)
CSS
color: #bce392;
CSS variable
--color-bce392: #bce392;
SCSS
$color-bce392: #bce392;
Tailwind
yellow-200
Export
:root {
--#bce392-1: #bce392;
}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.