Preview
#b4a683
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.41:1 · vs black: 8.72:1
HEX
#b4a683
RGB
rgb(180, 166, 131)
RGBA
rgba(180, 166, 131, 1)
HSL
hsl(43, 25%, 61%)
HSV
hsv(43, 27%, 71%)
LAB
lab(68.47% -0.49 20)
LCH
lch(68.47% 20.01 91.4)
OKLAB
oklab(0.7281 0.0011 0.0507)
OKLCH
oklch(0.7281 0.0507 88.76)
XYZ
xyz(36.56, 38.62, 27.00)
CMYK
cmyk(0%, 8%, 27%, 29%)
CSS
color: #b4a683;
CSS variable
--color-b4a683: #b4a683;
SCSS
$color-b4a683: #b4a683;
Tailwind
orange-300
Export
:root {
--#b4a683-1: #b4a683;
}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.