Preview
#bb8f44
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.95:1 · vs black: 7.13:1
HEX
#bb8f44
RGB
rgb(187, 143, 68)
RGBA
rgba(187, 143, 68, 1)
HSL
hsl(38, 47%, 50%)
HSV
hsv(38, 64%, 73%)
LAB
lab(62.19% 8.46 45.41)
LCH
lch(62.19% 46.19 79.45)
OKLAB
oklab(0.6772 0.0211 0.1046)
OKLCH
oklch(0.6772 0.1067 78.6)
XYZ
xyz(31.36, 30.63, 9.73)
CMYK
cmyk(0%, 24%, 64%, 27%)
CSS
color: #bb8f44;
CSS variable
--color-bb8f44: #bb8f44;
SCSS
$color-bb8f44: #bb8f44;
Tailwind
red-500
Export
:root {
--#bb8f44-1: #bb8f44;
}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.