Preview
#b3a597
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.4:1 · vs black: 8.75:1
HEX
#b3a597
RGB
rgb(179, 165, 151)
RGBA
rgba(179, 165, 151, 1)
HSL
hsl(30, 16%, 65%)
HSV
hsv(30, 16%, 70%)
LAB
lab(68.55% 2.69 9.09)
LCH
lch(68.55% 9.48 73.51)
OKLAB
oklab(0.73 0.0099 0.0237)
OKLCH
oklch(0.73 0.0257 67.33)
XYZ
xyz(37.63, 38.73, 34.77)
CMYK
cmyk(0%, 8%, 16%, 30%)
CSS
color: #b3a597;
CSS variable
--color-b3a597: #b3a597;
SCSS
$color-b3a597: #b3a597;
Tailwind
red-300
Export
:root {
--#b3a597-1: #b3a597;
}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.