Preview
#bdcea3
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.68:1 · vs black: 12.52:1
HEX
#bdcea3
RGB
rgb(189, 206, 163)
RGBA
rgba(189, 206, 163, 1)
HSL
hsl(84, 30%, 72%)
HSV
hsv(84, 21%, 81%)
LAB
lab(80.52% -13.3 19.51)
LCH
lch(80.52% 23.61 124.28)
OKLAB
oklab(0.8273 -0.0352 0.0499)
OKLCH
oklch(0.8273 0.0611 125.2)
XYZ
xyz(49.67, 57.61, 43.15)
CMYK
cmyk(8%, 0%, 21%, 19%)
CSS
color: #bdcea3;
CSS variable
--color-bdcea3: #bdcea3;
SCSS
$color-bdcea3: #bdcea3;
Tailwind
yellow-200
Export
:root {
--#bdcea3-1: #bdcea3;
}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.