Preview
#def2c9
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.19:1 · vs black: 17.65:1
HEX
#def2c9
RGB
rgb(222, 242, 201)
RGBA
rgba(222, 242, 201, 1)
HSL
hsl(89, 61%, 87%)
HSV
hsv(89, 17%, 95%)
LAB
lab(93.12% -13.69 17.61)
LCH
lch(93.12% 22.31 127.86)
OKLAB
oklab(0.9358 -0.0363 0.0453)
OKLCH
oklch(0.9358 0.058 128.71)
XYZ
xyz(72.42, 83.25, 67.50)
CMYK
cmyk(8%, 0%, 17%, 5%)
CSS
color: #def2c9;
CSS variable
--color-def2c9: #def2c9;
SCSS
$color-def2c9: #def2c9;
Tailwind
yellow-100
Export
:root {
--#def2c9-1: #def2c9;
}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.