Preview
#5b5033
Family: Orange
Accessibility on this swatch:
Contrast vs white: 7.95:1 · vs black: 2.64:1
HEX
#5b5033
RGB
rgb(91, 80, 51)
RGBA
rgba(91, 80, 51, 1)
HSL
hsl(43, 28%, 28%)
HSV
hsv(43, 44%, 36%)
LAB
lab(34.4% -0.13 18.76)
LCH
lch(34.4% 18.76 90.4)
OKLAB
oklab(0.4345 0.0004 0.0461)
OKLCH
oklch(0.4345 0.0461 89.5)
XYZ
xyz(7.78, 8.20, 4.30)
CMYK
cmyk(0%, 12%, 44%, 64%)
CSS
color: #5b5033;
CSS variable
--color-5b5033: #5b5033;
SCSS
$color-5b5033: #5b5033;
Tailwind
orange-700
Export
:root {
--#5b5033-1: #5b5033;
}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.