Preview
#edfadd
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.32:1
HEX
#edfadd
RGB
rgb(237, 250, 221)
RGBA
rgba(237, 250, 221, 1)
HSL
hsl(87, 74%, 92%)
HSV
hsv(87, 12%, 98%)
LAB
lab(96.65% -9.29 12.46)
LCH
lch(96.65% 15.54 126.71)
OKLAB
oklab(0.9678 -0.0243 0.0324)
OKLCH
oklch(0.9678 0.0405 126.87)
XYZ
xyz(82.16, 91.60, 81.74)
CMYK
cmyk(5%, 0%, 12%, 2%)
CSS
color: #edfadd;
CSS variable
--color-edfadd: #edfadd;
SCSS
$color-edfadd: #edfadd;
Tailwind
yellow-50
Export
:root {
--#edfadd-1: #edfadd;
}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.