Preview
#b8a97f
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.33:1 · vs black: 9.02:1
HEX
#b8a97f
RGB
rgb(184, 169, 127)
RGBA
rgba(184, 169, 127, 1)
HSL
hsl(44, 29%, 61%)
HSV
hsv(44, 31%, 72%)
LAB
lab(69.54% -1.06 23.68)
LCH
lch(69.54% 23.7 92.56)
OKLAB
oklab(0.7371 -0.0007 0.0596)
OKLCH
oklch(0.7371 0.0596 90.67)
XYZ
xyz(37.79, 40.10, 25.82)
CMYK
cmyk(0%, 8%, 31%, 28%)
CSS
color: #b8a97f;
CSS variable
--color-b8a97f: #b8a97f;
SCSS
$color-b8a97f: #b8a97f;
Tailwind
orange-300
Export
:root {
--#b8a97f-1: #b8a97f;
}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.