Preview
#bcaa79
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.29:1 · vs black: 9.16:1
HEX
#bcaa79
RGB
rgb(188, 170, 121)
RGBA
rgba(188, 170, 121, 1)
HSL
hsl(44, 33%, 61%)
HSV
hsv(44, 36%, 74%)
LAB
lab(70.05% -0.75 27.66)
LCH
lch(70.05% 27.67 91.55)
OKLAB
oklab(0.7416 -0.0002 0.0688)
OKLCH
oklch(0.7416 0.0688 90.17)
XYZ
xyz(38.57, 40.82, 23.93)
CMYK
cmyk(0%, 10%, 36%, 26%)
CSS
color: #bcaa79;
CSS variable
--color-bcaa79: #bcaa79;
SCSS
$color-bcaa79: #bcaa79;
Tailwind
orange-300
Export
:root {
--#bcaa79-1: #bcaa79;
}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.