Preview
#85c615
Family: Lime
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.09:1
HEX
#85c615
RGB
rgb(133, 198, 21)
RGBA
rgba(133, 198, 21, 1)
HSL
hsl(82, 81%, 43%)
HSV
hsv(82, 89%, 78%)
LAB
lab(73.17% -43.92 70.34)
LCH
lch(73.17% 82.93 121.98)
OKLAB
oklab(0.754 -0.1261 0.1518)
OKLCH
oklch(0.754 0.1973 129.72)
XYZ
xyz(30.00, 45.43, 7.90)
CMYK
cmyk(33%, 0%, 89%, 22%)
CSS
color: #85c615;
CSS variable
--color-85c615: #85c615;
SCSS
$color-85c615: #85c615;
Tailwind
yellow-500
Export
:root {
--#85c615-1: #85c615;
}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.