Preview
#cdff81
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.22:1
HEX
#cdff81
RGB
rgb(205, 255, 129)
RGBA
rgba(205, 255, 129, 1)
HSL
hsl(84, 100%, 75%)
HSV
hsv(84, 49%, 100%)
LAB
lab(94.35% -35.35 54.62)
LCH
lch(94.35% 65.06 122.91)
OKLAB
oklab(0.9391 -0.0987 0.1303)
OKLCH
oklch(0.9391 0.1635 127.14)
XYZ
xyz(64.90, 86.08, 33.96)
CMYK
cmyk(20%, 0%, 49%, 0%)
CSS
color: #cdff81;
CSS variable
--color-cdff81: #cdff81;
SCSS
$color-cdff81: #cdff81;
Tailwind
yellow-200
Export
:root {
--#cdff81-1: #cdff81;
}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.