Preview
#af9312
Family: Amber
Accessibility on this swatch:
Contrast vs white: 3:1 · vs black: 7.01:1
HEX
#af9312
RGB
rgb(175, 147, 18)
RGBA
rgba(175, 147, 18, 1)
HSL
hsl(49, 81%, 38%)
HSV
hsv(49, 90%, 69%)
LAB
lab(61.68% -1.24 62.88)
LCH
lch(61.68% 62.89 91.13)
OKLAB
oklab(0.6693 -0.0114 0.133)
OKLCH
oklch(0.6693 0.1335 94.9)
XYZ
xyz(28.22, 30.03, 4.88)
CMYK
cmyk(0%, 16%, 90%, 31%)
CSS
color: #af9312;
CSS variable
--color-af9312: #af9312;
SCSS
$color-af9312: #af9312;
Tailwind
orange-600
Export
:root {
--spectrum-#af9312-1: #af9312;
}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.