Preview
#acbd3d
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.1:1
HEX
#acbd3d
RGB
rgb(172, 189, 61)
RGBA
rgba(172, 189, 61, 1)
HSL
hsl(68, 51%, 49%)
HSV
hsv(68, 68%, 74%)
LAB
lab(73.22% -22.63 59.85)
LCH
lch(73.22% 63.99 110.71)
OKLAB
oklab(0.7614 -0.0675 0.1346)
OKLCH
oklch(0.7614 0.1506 116.63)
XYZ
xyz(36.05, 45.50, 11.30)
CMYK
cmyk(9%, 0%, 68%, 26%)
CSS
color: #acbd3d;
CSS variable
--color-acbd3d: #acbd3d;
SCSS
$color-acbd3d: #acbd3d;
Tailwind
amber-500
Export
:root {
--#acbd3d-1: #acbd3d;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.