Preview
#ccff4d
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.98:1
HEX
#ccff4d
RGB
rgb(204, 255, 77)
RGBA
rgba(204, 255, 77, 1)
HSL
hsl(77, 100%, 65%)
HSV
hsv(77, 70%, 100%)
LAB
lab(93.84% -39.8 75.42)
LCH
lch(93.84% 85.28 117.82)
OKLAB
oklab(0.9333 -0.1153 0.1689)
OKLCH
oklch(0.9333 0.2045 124.32)
XYZ
xyz(62.00, 84.89, 20.14)
CMYK
cmyk(20%, 0%, 70%, 0%)
CSS
color: #ccff4d;
CSS variable
--color-ccff4d: #ccff4d;
SCSS
$color-ccff4d: #ccff4d;
Tailwind
amber-300
Export
:root {
--#ccff4d-1: #ccff4d;
}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.