Preview
#beccaa
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.69:1 · vs black: 12.41:1
HEX
#beccaa
RGB
rgb(190, 204, 170)
RGBA
rgba(190, 204, 170, 1)
HSL
hsl(85, 25%, 73%)
HSV
hsv(85, 17%, 80%)
LAB
lab(80.2% -10.8 15.36)
LCH
lch(80.2% 18.78 125.11)
OKLAB
oklab(0.8254 -0.0284 0.0396)
OKLCH
oklch(0.8254 0.0487 125.65)
XYZ
xyz(50.08, 57.04, 46.39)
CMYK
cmyk(7%, 0%, 17%, 20%)
CSS
color: #beccaa;
CSS variable
--color-beccaa: #beccaa;
SCSS
$color-beccaa: #beccaa;
Tailwind
yellow-200
Export
:root {
--#beccaa-1: #beccaa;
}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.