Preview
#cfff3d
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 18.02:1
HEX
#cfff3d
RGB
rgb(207, 255, 61)
RGBA
rgba(207, 255, 61, 1)
HSL
hsl(75, 100%, 62%)
HSV
hsv(75, 76%, 100%)
LAB
lab(93.94% -39.45 80.68)
LCH
lch(93.94% 89.81 116.06)
OKLAB
oklab(0.9343 -0.1157 0.1775)
OKLCH
oklch(0.9343 0.2119 123.1)
XYZ
xyz(62.34, 85.12, 17.56)
CMYK
cmyk(19%, 0%, 76%, 0%)
CSS
color: #cfff3d;
CSS variable
--color-cfff3d: #cfff3d;
SCSS
$color-cfff3d: #cfff3d;
Tailwind
amber-300
Export
:root {
--#cfff3d-1: #cfff3d;
}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.