Preview
#d7efa9
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.25:1 · vs black: 16.81:1
HEX
#d7efa9
RGB
rgb(215, 239, 169)
RGBA
rgba(215, 239, 169, 1)
HSL
hsl(81, 69%, 80%)
HSV
hsv(81, 29%, 94%)
LAB
lab(91.25% -19.42 31.34)
LCH
lch(91.25% 36.87 121.78)
OKLAB
oklab(0.9177 -0.0523 0.0786)
OKLCH
oklch(0.9177 0.0944 123.64)
XYZ
xyz(66.05, 79.04, 49.31)
CMYK
cmyk(10%, 0%, 29%, 6%)
CSS
color: #d7efa9;
CSS variable
--color-d7efa9: #d7efa9;
SCSS
$color-d7efa9: #d7efa9;
Tailwind
yellow-200
Export
:root {
--#d7efa9-1: #d7efa9;
}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.