Preview
#acc785
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.26:1
HEX
#acc785
RGB
rgb(172, 199, 133)
RGBA
rgba(172, 199, 133, 1)
HSL
hsl(85, 37%, 65%)
HSV
hsv(85, 33%, 78%)
LAB
lab(76.87% -20.45 30.13)
LCH
lch(76.87% 36.41 124.17)
OKLAB
oklab(0.7934 -0.0555 0.075)
OKLCH
oklch(0.7934 0.0933 126.5)
XYZ
xyz(41.67, 51.31, 29.89)
CMYK
cmyk(14%, 0%, 33%, 22%)
CSS
color: #acc785;
CSS variable
--color-acc785: #acc785;
SCSS
$color-acc785: #acc785;
Tailwind
yellow-300
Export
:root {
--#acc785-1: #acc785;
}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.