Preview
#d2e878
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.55:1
HEX
#d2e878
RGB
rgb(210, 232, 120)
RGBA
rgba(210, 232, 120, 1)
HSL
hsl(72, 71%, 69%)
HSV
hsv(72, 48%, 91%)
LAB
lab(88.34% -23.63 51.64)
LCH
lch(88.34% 56.79 114.59)
OKLAB
oklab(0.8913 -0.0668 0.123)
OKLCH
oklch(0.8913 0.14 118.51)
XYZ
xyz(58.83, 72.77, 28.71)
CMYK
cmyk(9%, 0%, 48%, 9%)
CSS
color: #d2e878;
CSS variable
--color-d2e878: #d2e878;
SCSS
$color-d2e878: #d2e878;
Tailwind
amber-300
Export
:root {
--#d2e878-1: #d2e878;
}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.