Preview
#b8ae94
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.21:1 · vs black: 9.52:1
HEX
#b8ae94
RGB
rgb(184, 174, 148)
RGBA
rgba(184, 174, 148, 1)
HSL
hsl(43, 20%, 65%)
HSV
hsv(43, 20%, 72%)
LAB
lab(71.28% -0.75 14.65)
LCH
lch(71.28% 14.67 92.93)
OKLAB
oklab(0.7522 0.0003 0.0377)
OKLCH
oklch(0.7522 0.0377 89.54)
XYZ
xyz(40.25, 42.60, 34.11)
CMYK
cmyk(0%, 5%, 20%, 28%)
CSS
color: #b8ae94;
CSS variable
--color-b8ae94: #b8ae94;
SCSS
$color-b8ae94: #b8ae94;
Tailwind
orange-300
Export
:root {
--#b8ae94-1: #b8ae94;
}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.