Preview
#bbdd88
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.81:1
HEX
#bbdd88
RGB
rgb(187, 221, 136)
RGBA
rgba(187, 221, 136, 1)
HSL
hsl(84, 56%, 70%)
HSV
hsv(84, 38%, 87%)
LAB
lab(83.99% -25.26 38.09)
LCH
lch(83.99% 45.7 123.55)
OKLAB
oklab(0.8532 -0.0693 0.0936)
OKLCH
oklch(0.8532 0.1165 126.52)
XYZ
xyz(50.79, 64.05, 32.98)
CMYK
cmyk(15%, 0%, 38%, 13%)
CSS
color: #bbdd88;
CSS variable
--color-bbdd88: #bbdd88;
SCSS
$color-bbdd88: #bbdd88;
Tailwind
yellow-300
Export
:root {
--#bbdd88-1: #bbdd88;
}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.