Preview
#b8a588
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.39:1 · vs black: 8.78:1
HEX
#b8a588
RGB
rgb(184, 165, 136)
RGBA
rgba(184, 165, 136, 1)
HSL
hsl(36, 25%, 63%)
HSV
hsv(36, 26%, 72%)
LAB
lab(68.66% 2.33 17.58)
LCH
lch(68.66% 17.73 82.45)
OKLAB
oklab(0.7308 0.0093 0.0449)
OKLCH
oklch(0.7308 0.0459 78.3)
XYZ
xyz(37.67, 38.88, 28.81)
CMYK
cmyk(0%, 10%, 26%, 28%)
CSS
color: #b8a588;
CSS variable
--color-b8a588: #b8a588;
SCSS
$color-b8a588: #b8a588;
Tailwind
red-300
Export
:root {
--#b8a588-1: #b8a588;
}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.