Preview
#ecefe6
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.06:1
HEX
#ecefe6
RGB
rgb(236, 239, 230)
RGBA
rgba(236, 239, 230, 1)
HSL
hsl(80, 22%, 92%)
HSV
hsv(80, 4%, 94%)
LAB
lab(94% -2.58 4)
LCH
lch(94% 4.76 122.82)
OKLAB
oklab(0.9474 -0.0065 0.0105)
OKLCH
oklch(0.9474 0.0123 121.76)
XYZ
xyz(79.74, 85.28, 87.11)
CMYK
cmyk(1%, 0%, 4%, 6%)
CSS
color: #ecefe6;
CSS variable
--color-ecefe6: #ecefe6;
SCSS
$color-ecefe6: #ecefe6;
Tailwind
yellow-50
Export
:root {
--#ecefe6-1: #ecefe6;
}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.