Preview
#99c461
Family: Lime
Accessibility on this swatch:
Contrast vs white: 2.01:1 · vs black: 10.42:1
HEX
#99c461
RGB
rgb(153, 196, 97)
RGBA
rgba(153, 196, 97, 1)
HSL
hsl(86, 46%, 57%)
HSV
hsv(86, 51%, 77%)
LAB
lab(74.26% -30.57 44.74)
LCH
lch(74.26% 54.19 124.34)
OKLAB
oklab(0.7676 -0.0852 0.1067)
OKLCH
oklch(0.7676 0.1365 128.61)
XYZ
xyz(35.03, 47.11, 18.56)
CMYK
cmyk(22%, 0%, 51%, 23%)
CSS
color: #99c461;
CSS variable
--color-99c461: #99c461;
SCSS
$color-99c461: #99c461;
Tailwind
yellow-400
Export
:root {
--#99c461-1: #99c461;
}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.