Preview
#bfb598
Family: Amber
Accessibility on this swatch:
Contrast vs white: 2.04:1 · vs black: 10.28:1
HEX
#bfb598
RGB
rgb(191, 181, 152)
RGBA
rgba(191, 181, 152, 1)
HSL
hsl(45, 23%, 67%)
HSV
hsv(45, 20%, 75%)
LAB
lab(73.8% -1.22 16.08)
LCH
lch(73.8% 16.13 94.34)
OKLAB
oklab(0.7737 -0.0009 0.0413)
OKLCH
oklch(0.7737 0.0413 91.25)
XYZ
xyz(43.68, 46.39, 36.35)
CMYK
cmyk(0%, 5%, 20%, 25%)
CSS
color: #bfb598;
CSS variable
--color-bfb598: #bfb598;
SCSS
$color-bfb598: #bfb598;
Tailwind
orange-300
Export
:root {
--#bfb598-1: #bfb598;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.