Preview
#bebe93
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 10.98:1
HEX
#bebe93
RGB
rgb(190, 190, 147)
RGBA
rgba(190, 190, 147, 1)
HSL
hsl(60, 25%, 66%)
HSV
hsv(60, 23%, 75%)
LAB
lab(76% -7.08 21.79)
LCH
lch(76% 22.91 108)
OKLAB
oklab(0.7906 -0.0176 0.0553)
OKLCH
oklch(0.7906 0.058 107.65)
XYZ
xyz(44.91, 49.88, 34.86)
CMYK
cmyk(0%, 0%, 23%, 25%)
CSS
color: #bebe93;
CSS variable
--color-bebe93: #bebe93;
SCSS
$color-bebe93: #bebe93;
Tailwind
amber-300
Export
:root {
--#bebe93-1: #bebe93;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.