Preview
#b8ac98
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.24:1 · vs black: 9.39:1
HEX
#b8ac98
RGB
rgb(184, 172, 152)
RGBA
rgba(184, 172, 152, 1)
HSL
hsl(38, 18%, 66%)
HSV
hsv(38, 17%, 72%)
LAB
lab(70.85% 0.94 11.85)
LCH
lch(70.85% 11.89 85.46)
OKLAB
oklab(0.7491 0.0051 0.0307)
OKLCH
oklch(0.7491 0.0311 80.57)
XYZ
xyz(40.19, 41.96, 35.68)
CMYK
cmyk(0%, 7%, 17%, 28%)
CSS
color: #b8ac98;
CSS variable
--color-b8ac98: #b8ac98;
SCSS
$color-b8ac98: #b8ac98;
Tailwind
red-300
Export
:root {
--#b8ac98-1: #b8ac98;
}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.