Preview
#a98457
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.43:1 · vs black: 6.13:1
HEX
#a98457
RGB
rgb(169, 132, 87)
RGBA
rgba(169, 132, 87, 1)
HSL
hsl(33, 32%, 50%)
HSV
hsv(33, 49%, 66%)
LAB
lab(57.68% 8.37 29.64)
LCH
lch(57.68% 30.8 74.23)
OKLAB
oklab(0.6383 0.0245 0.0721)
OKLCH
oklch(0.6383 0.0761 71.23)
XYZ
xyz(26.33, 25.63, 12.57)
CMYK
cmyk(0%, 22%, 49%, 34%)
CSS
color: #a98457;
CSS variable
--color-a98457: #a98457;
SCSS
$color-a98457: #a98457;
Tailwind
red-500
Export
:root {
--#a98457-1: #a98457;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.