Preview
#b8c9a6
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.76:1 · vs black: 11.94:1
HEX
#b8c9a6
RGB
rgb(184, 201, 166)
RGBA
rgba(184, 201, 166, 1)
HSL
hsl(89, 24%, 72%)
HSV
hsv(89, 17%, 79%)
LAB
lab(78.88% -12.07 15.58)
LCH
lch(78.88% 19.71 127.77)
OKLAB
oklab(0.8136 -0.032 0.0401)
OKLCH
oklch(0.8136 0.0513 128.59)
XYZ
xyz(47.54, 54.72, 44.13)
CMYK
cmyk(8%, 0%, 17%, 21%)
CSS
color: #b8c9a6;
CSS variable
--color-b8c9a6: #b8c9a6;
SCSS
$color-b8c9a6: #b8c9a6;
Tailwind
yellow-200
Export
:root {
--#b8c9a6-1: #b8c9a6;
}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.