Preview
#bdc6b0
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.87:1
HEX
#bdc6b0
RGB
rgb(189, 198, 176)
RGBA
rgba(189, 198, 176, 1)
HSL
hsl(85, 16%, 73%)
HSV
hsv(85, 11%, 78%)
LAB
lab(78.66% -7.06 9.97)
LCH
lch(78.66% 12.22 125.3)
OKLAB
oklab(0.8135 -0.0183 0.0259)
OKLCH
oklch(0.8135 0.0317 125.24)
XYZ
xyz(49.02, 54.34, 48.97)
CMYK
cmyk(5%, 0%, 11%, 22%)
CSS
color: #bdc6b0;
CSS variable
--color-bdc6b0: #bdc6b0;
SCSS
$color-bdc6b0: #bdc6b0;
Tailwind
yellow-200
Export
:root {
--#bdc6b0-1: #bdc6b0;
}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.