Preview
#d3e5bd
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.34:1 · vs black: 15.71:1
HEX
#d3e5bd
RGB
rgb(211, 229, 189)
RGBA
rgba(211, 229, 189, 1)
HSL
hsl(87, 43%, 82%)
HSV
hsv(87, 17%, 90%)
LAB
lab(88.71% -12.96 17.53)
LCH
lch(88.71% 21.8 126.48)
OKLAB
oklab(0.898 -0.0343 0.0451)
OKLCH
oklch(0.898 0.0567 127.25)
XYZ
xyz(64.07, 73.56, 58.96)
CMYK
cmyk(8%, 0%, 17%, 10%)
CSS
color: #d3e5bd;
CSS variable
--color-d3e5bd: #d3e5bd;
SCSS
$color-d3e5bd: #d3e5bd;
Tailwind
yellow-100
Export
:root {
--#d3e5bd-1: #d3e5bd;
}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.