Preview
#ddeeaa
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.88:1
HEX
#ddeeaa
RGB
rgb(221, 238, 170)
RGBA
rgba(221, 238, 170, 1)
HSL
hsl(75, 67%, 80%)
HSV
hsv(75, 29%, 93%)
LAB
lab(91.43% -16.62 31.13)
LCH
lch(91.43% 35.29 118.1)
OKLAB
oklab(0.9202 -0.0444 0.0781)
OKLCH
oklch(0.9202 0.0898 119.62)
XYZ
xyz(67.65, 79.42, 49.79)
CMYK
cmyk(7%, 0%, 29%, 7%)
CSS
color: #ddeeaa;
CSS variable
--color-ddeeaa: #ddeeaa;
SCSS
$color-ddeeaa: #ddeeaa;
Tailwind
amber-200
Export
:root {
--#ddeeaa-1: #ddeeaa;
}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.