Preview
#be9655
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.73:1 · vs black: 7.68:1
HEX
#be9655
RGB
rgb(190, 150, 85)
RGBA
rgba(190, 150, 85, 1)
HSL
hsl(37, 45%, 54%)
HSV
hsv(37, 55%, 75%)
LAB
lab(64.5% 7.21 39.65)
LCH
lch(64.5% 40.3 79.69)
OKLAB
oklab(0.6966 0.0195 0.094)
OKLCH
oklch(0.6966 0.096 78.28)
XYZ
xyz(33.78, 33.42, 13.26)
CMYK
cmyk(0%, 21%, 55%, 25%)
CSS
color: #be9655;
CSS variable
--color-be9655: #be9655;
SCSS
$color-be9655: #be9655;
Tailwind
red-400
Export
:root {
--spectrum-#be9655-1: #be9655;
}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.