Preview
#bebcac
Family: Amber
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 10.98:1
HEX
#bebcac
RGB
rgb(190, 188, 172)
RGBA
rgba(190, 188, 172, 1)
HSL
hsl(53, 12%, 71%)
HSV
hsv(53, 9%, 75%)
LAB
lab(76% -2.12 8.35)
LCH
lch(76% 8.61 104.25)
OKLAB
oklab(0.7924 -0.0043 0.0218)
OKLCH
oklch(0.7924 0.0222 101.16)
XYZ
xyz(46.66, 49.89, 46.19)
CMYK
cmyk(0%, 1%, 9%, 25%)
CSS
color: #bebcac;
CSS variable
--color-bebcac: #bebcac;
SCSS
$color-bebcac: #bebcac;
Tailwind
orange-200
Export
:root {
--#bebcac-1: #bebcac;
}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.