Preview
#bdd794
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.58:1 · vs black: 13.31:1
HEX
#bdd794
RGB
rgb(189, 215, 148)
RGBA
rgba(189, 215, 148, 1)
HSL
hsl(83, 46%, 71%)
HSV
hsv(83, 31%, 84%)
LAB
lab(82.68% -20.02 30.29)
LCH
lch(82.68% 36.31 123.46)
OKLAB
oklab(0.8436 -0.0541 0.0757)
OKLCH
oklch(0.8436 0.093 125.55)
XYZ
xyz(50.63, 61.56, 37.23)
CMYK
cmyk(12%, 0%, 31%, 16%)
CSS
color: #bdd794;
CSS variable
--color-bdd794: #bdd794;
SCSS
$color-bdd794: #bdd794;
Tailwind
yellow-200
Export
:root {
--#bdd794-1: #bdd794;
}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.