Preview
#aec378
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.88:1
HEX
#aec378
RGB
rgb(174, 195, 120)
RGBA
rgba(174, 195, 120, 1)
HSL
hsl(77, 38%, 62%)
HSV
hsv(77, 38%, 76%)
LAB
lab(75.69% -19.4 35.34)
LCH
lch(75.69% 40.31 118.76)
OKLAB
oklab(0.7836 -0.0532 0.0867)
OKLCH
oklch(0.7836 0.1017 121.53)
XYZ
xyz(40.36, 49.38, 25.17)
CMYK
cmyk(11%, 0%, 38%, 24%)
CSS
color: #aec378;
CSS variable
--color-aec378: #aec378;
SCSS
$color-aec378: #aec378;
Tailwind
amber-300
Export
:root {
--#aec378-1: #aec378;
}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.