Preview
#abc457
Family: Lime
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.77:1
HEX
#abc457
RGB
rgb(171, 196, 87)
RGBA
rgba(171, 196, 87, 1)
HSL
hsl(74, 48%, 55%)
HSV
hsv(74, 56%, 77%)
LAB
lab(75.34% -24.55 51.02)
LCH
lch(75.34% 56.62 115.7)
OKLAB
oklab(0.779 -0.0702 0.1193)
OKLCH
oklch(0.779 0.1384 120.47)
XYZ
xyz(38.26, 48.83, 16.42)
CMYK
cmyk(13%, 0%, 56%, 23%)
CSS
color: #abc457;
CSS variable
--color-abc457: #abc457;
SCSS
$color-abc457: #abc457;
Tailwind
amber-400
Export
:root {
--#abc457-1: #abc457;
}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.