Preview
#a6c676
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.96:1
HEX
#a6c676
RGB
rgb(166, 198, 118)
RGBA
rgba(166, 198, 118, 1)
HSL
hsl(84, 41%, 62%)
HSV
hsv(84, 40%, 78%)
LAB
lab(75.95% -24.18 36.58)
LCH
lch(75.95% 43.85 123.47)
OKLAB
oklab(0.7842 -0.0665 0.0895)
OKLCH
oklch(0.7842 0.1115 126.61)
XYZ
xyz(39.19, 49.80, 24.68)
CMYK
cmyk(16%, 0%, 40%, 22%)
CSS
color: #a6c676;
CSS variable
--color-a6c676: #a6c676;
SCSS
$color-a6c676: #a6c676;
Tailwind
yellow-300
Export
:root {
--#a6c676-1: #a6c676;
}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.