Preview
#daf9a3
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.06:1
HEX
#daf9a3
RGB
rgb(218, 249, 163)
RGBA
rgba(218, 249, 163, 1)
HSL
hsl(82, 88%, 81%)
HSV
hsv(82, 35%, 98%)
LAB
lab(94.01% -23.95 38.04)
LCH
lch(94.01% 44.95 122.19)
OKLAB
oklab(0.9399 -0.0652 0.0943)
OKLCH
oklch(0.9399 0.1146 124.66)
XYZ
xyz(69.40, 85.30, 47.45)
CMYK
cmyk(12%, 0%, 35%, 2%)
CSS
color: #daf9a3;
CSS variable
--color-daf9a3: #daf9a3;
SCSS
$color-daf9a3: #daf9a3;
Tailwind
yellow-100
Export
:root {
--#daf9a3-1: #daf9a3;
}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.