Preview
#a39d94
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.69:1 · vs black: 7.81:1
HEX
#a39d94
RGB
rgb(163, 157, 148)
RGBA
rgba(163, 157, 148, 1)
HSL
hsl(36, 8%, 61%)
HSV
hsv(36, 9%, 64%)
LAB
lab(64.99% 0.55 5.48)
LCH
lch(64.99% 5.51 84.27)
OKLAB
oklab(0.6984 0.003 0.0144)
OKLCH
oklch(0.6984 0.0147 78.23)
XYZ
xyz(32.51, 34.04, 32.87)
CMYK
cmyk(0%, 4%, 9%, 36%)
CSS
color: #a39d94;
CSS variable
--color-a39d94: #a39d94;
SCSS
$color-a39d94: #a39d94;
Tailwind
red-300
Export
:root {
--#a39d94-1: #a39d94;
}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.