Preview
#a99d8a
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.67:1 · vs black: 7.88:1
HEX
#a99d8a
RGB
rgb(169, 157, 138)
RGBA
rgba(169, 157, 138, 1)
HSL
hsl(37, 15%, 60%)
HSV
hsv(37, 18%, 66%)
LAB
lab(65.27% 1.16 11.53)
LCH
lch(65.27% 11.59 84.25)
OKLAB
oklab(0.701 0.0056 0.0298)
OKLCH
oklch(0.701 0.0303 79.36)
XYZ
xyz(33.01, 34.38, 28.94)
CMYK
cmyk(0%, 7%, 18%, 34%)
CSS
color: #a99d8a;
CSS variable
--color-a99d8a: #a99d8a;
SCSS
$color-a99d8a: #a99d8a;
Tailwind
red-400
Export
:root {
--#a99d8a-1: #a99d8a;
}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.