Preview
#a99972
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.81:1 · vs black: 7.49:1
HEX
#a99972
RGB
rgb(169, 153, 114)
RGBA
rgba(169, 153, 114, 1)
HSL
hsl(43, 24%, 55%)
HSV
hsv(43, 33%, 66%)
LAB
lab(63.7% -0.13 22.68)
LCH
lch(63.7% 22.68 90.33)
OKLAB
oklab(0.6871 0.0017 0.0569)
OKLCH
oklch(0.6871 0.0569 88.29)
XYZ
xyz(30.79, 32.43, 20.55)
CMYK
cmyk(0%, 9%, 33%, 34%)
CSS
color: #a99972;
CSS variable
--color-a99972: #a99972;
SCSS
$color-a99972: #a99972;
Tailwind
orange-400
Export
:root {
--#a99972-1: #a99972;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.