Preview
#99cc00
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 10.99:1
HEX
#99cc00
RGB
rgb(153, 204, 0)
RGBA
rgba(153, 204, 0, 1)
HSL
hsl(75, 100%, 40%)
HSV
hsv(75, 100%, 80%)
LAB
lab(76.04% -39.28 75.59)
LCH
lch(76.04% 85.19 117.46)
OKLAB
oklab(0.7803 -0.1153 0.1607)
OKLCH
oklch(0.7803 0.1978 125.66)
XYZ
xyz(34.73, 49.96, 7.81)
CMYK
cmyk(25%, 0%, 100%, 20%)
CSS
color: #99cc00;
CSS variable
--color-99cc00: #99cc00;
SCSS
$color-99cc00: #99cc00;
Tailwind
amber-600
Export
:root {
--web-safe-#99cc00-1: #99cc00;
}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.