Preview
#b0964f
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.87:1 · vs black: 7.32:1
HEX
#b0964f
RGB
rgb(176, 150, 79)
RGBA
rgba(176, 150, 79, 1)
HSL
hsl(44, 38%, 50%)
HSV
hsv(44, 55%, 69%)
LAB
lab(63.02% 0.68 40.6)
LCH
lch(63.02% 40.61 89.04)
OKLAB
oklab(0.6815 0.0006 0.0958)
OKLCH
oklch(0.6815 0.0958 89.64)
XYZ
xyz(30.22, 31.61, 11.90)
CMYK
cmyk(0%, 15%, 55%, 31%)
CSS
color: #b0964f;
CSS variable
--color-b0964f: #b0964f;
SCSS
$color-b0964f: #b0964f;
Tailwind
orange-500
Export
:root {
--#b0964f-1: #b0964f;
}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.