Preview
#b8a279
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.48:1 · vs black: 8.48:1
HEX
#b8a279
RGB
rgb(184, 162, 121)
RGBA
rgba(184, 162, 121, 1)
HSL
hsl(39, 31%, 60%)
HSV
hsv(39, 34%, 72%)
LAB
lab(67.59% 1.95 24.31)
LCH
lch(67.59% 24.39 85.41)
OKLAB
oklab(0.7213 0.0077 0.0609)
OKLCH
oklch(0.7213 0.0614 82.79)
XYZ
xyz(36.14, 37.41, 23.40)
CMYK
cmyk(0%, 12%, 34%, 28%)
CSS
color: #b8a279;
CSS variable
--color-b8a279: #b8a279;
SCSS
$color-b8a279: #b8a279;
Tailwind
red-400
Export
:root {
--#b8a279-1: #b8a279;
}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.