Preview
#967d22
Family: Amber
Accessibility on this swatch:
Contrast vs white: 4:1 · vs black: 5.25:1
HEX
#967d22
RGB
rgb(150, 125, 34)
RGBA
rgba(150, 125, 34, 1)
HSL
hsl(47, 63%, 36%)
HSV
hsv(47, 77%, 59%)
LAB
lab(53.24% -0.07 49.96)
LCH
lch(53.24% 49.96 90.08)
OKLAB
oklab(0.597 -0.0055 0.1096)
OKLCH
oklch(0.597 0.1097 92.87)
XYZ
xyz(20.20, 21.27, 4.55)
CMYK
cmyk(0%, 17%, 77%, 41%)
CSS
color: #967d22;
CSS variable
--color-967d22: #967d22;
SCSS
$color-967d22: #967d22;
Tailwind
orange-600
Export
:root {
--spectrum-#967d22-1: #967d22;
}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.