Preview
#a8ba1c
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.16:1 · vs black: 9.71:1
HEX
#a8ba1c
RGB
rgb(168, 186, 28)
RGBA
rgba(168, 186, 28, 1)
HSL
hsl(67, 74%, 42%)
HSV
hsv(67, 85%, 73%)
LAB
lab(71.91% -24.28 68.82)
LCH
lch(71.91% 72.98 109.43)
OKLAB
oklab(0.7496 -0.0744 0.1482)
OKLCH
oklch(0.7496 0.1658 116.66)
XYZ
xyz(33.92, 43.53, 7.71)
CMYK
cmyk(10%, 0%, 85%, 27%)
CSS
color: #a8ba1c;
CSS variable
--color-a8ba1c: #a8ba1c;
SCSS
$color-a8ba1c: #a8ba1c;
Tailwind
amber-500
Export
:root {
--#a8ba1c-1: #a8ba1c;
}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.