Preview
#ddff99
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.11:1 · vs black: 18.84:1
HEX
#ddff99
RGB
rgb(221, 255, 153)
RGBA
rgba(221, 255, 153, 1)
HSL
hsl(80, 100%, 80%)
HSV
hsv(80, 40%, 100%)
LAB
lab(95.66% -26.92 45.12)
LCH
lch(95.66% 52.54 120.82)
OKLAB
oklab(0.9532 -0.0742 0.1102)
OKLCH
oklch(0.9532 0.1329 123.95)
XYZ
xyz(71.33, 89.19, 43.59)
CMYK
cmyk(13%, 0%, 40%, 0%)
CSS
color: #ddff99;
CSS variable
--color-ddff99: #ddff99;
SCSS
$color-ddff99: #ddff99;
Tailwind
yellow-200
Export
:root {
--#ddff99-1: #ddff99;
}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.