Preview
#aa9918
Family: Amber
Accessibility on this swatch:
Contrast vs white: 2.89:1 · vs black: 7.28:1
HEX
#aa9918
RGB
rgb(170, 153, 24)
RGBA
rgba(170, 153, 24, 1)
HSL
hsl(53, 75%, 38%)
HSV
hsv(53, 86%, 67%)
LAB
lab(62.84% -6.6 62.26)
LCH
lch(62.84% 62.61 96.05)
OKLAB
oklab(0.6774 -0.0258 0.1331)
OKLCH
oklch(0.6774 0.1356 100.97)
XYZ
xyz(28.14, 31.40, 5.44)
CMYK
cmyk(0%, 10%, 86%, 33%)
CSS
color: #aa9918;
CSS variable
--color-aa9918: #aa9918;
SCSS
$color-aa9918: #aa9918;
Tailwind
orange-600
Export
:root {
--spectrum-#aa9918-1: #aa9918;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.