Preview
#cdff70
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.13:1
HEX
#cdff70
RGB
rgb(205, 255, 112)
RGBA
rgba(205, 255, 112, 1)
HSL
hsl(81, 100%, 72%)
HSV
hsv(81, 56%, 100%)
LAB
lab(94.17% -36.94 62.02)
LCH
lch(94.17% 72.19 120.78)
OKLAB
oklab(0.937 -0.1045 0.1449)
OKLCH
oklch(0.937 0.1787 125.8)
XYZ
xyz(63.86, 85.67, 28.50)
CMYK
cmyk(20%, 0%, 56%, 0%)
CSS
color: #cdff70;
CSS variable
--color-cdff70: #cdff70;
SCSS
$color-cdff70: #cdff70;
Tailwind
yellow-200
Export
:root {
--#cdff70-1: #cdff70;
}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.