Preview
#84c02a
Family: Lime
Accessibility on this swatch:
Contrast vs white: 2.2:1 · vs black: 9.55:1
HEX
#84c02a
RGB
rgb(132, 192, 42)
RGBA
rgba(132, 192, 42, 1)
HSL
hsl(84, 64%, 46%)
HSV
hsv(84, 78%, 75%)
LAB
lab(71.4% -40.96 63.8)
LCH
lch(71.4% 75.82 122.7)
OKLAB
oklab(0.7397 -0.117 0.1409)
OKLCH
oklch(0.7397 0.1831 129.71)
XYZ
xyz(28.78, 42.77, 8.93)
CMYK
cmyk(31%, 0%, 78%, 25%)
CSS
color: #84c02a;
CSS variable
--color-84c02a: #84c02a;
SCSS
$color-84c02a: #84c02a;
Tailwind
yellow-500
Export
:root {
--spectrum-#84c02a-1: #84c02a;
}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.