Preview
#a8a88a
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.43:1 · vs black: 8.63:1
HEX
#a8a88a
RGB
rgb(168, 168, 138)
RGBA
rgba(168, 168, 138, 1)
HSL
hsl(60, 15%, 60%)
HSV
hsv(60, 18%, 66%)
LAB
lab(68.14% -5.2 15.55)
LCH
lch(68.14% 16.4 108.49)
OKLAB
oklab(0.7235 -0.0125 0.0399)
OKLCH
oklch(0.7235 0.0418 107.39)
XYZ
xyz(34.74, 38.17, 29.58)
CMYK
cmyk(0%, 0%, 18%, 34%)
CSS
color: #a8a88a;
CSS variable
--color-a8a88a: #a8a88a;
SCSS
$color-a8a88a: #a8a88a;
Tailwind
amber-400
Export
:root {
--#a8a88a-1: #a8a88a;
}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.