Preview
#bfab73
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.26:1 · vs black: 9.29:1
HEX
#bfab73
RGB
rgb(191, 171, 115)
RGBA
rgba(191, 171, 115, 1)
HSL
hsl(44, 37%, 60%)
HSV
hsv(44, 40%, 75%)
LAB
lab(70.48% -0.77 31.48)
LCH
lch(70.48% 31.49 91.4)
OKLAB
oklab(0.7453 -0.0008 0.0775)
OKLCH
oklch(0.7453 0.0775 90.59)
XYZ
xyz(39.14, 41.44, 22.15)
CMYK
cmyk(0%, 10%, 40%, 25%)
CSS
color: #bfab73;
CSS variable
--color-bfab73: #bfab73;
SCSS
$color-bfab73: #bfab73;
Tailwind
orange-400
Export
:root {
--#bfab73-1: #bfab73;
}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.