Preview
#5b3600
Family: Orange
Accessibility on this swatch:
Contrast vs white: 10.65:1 · vs black: 1.97:1
HEX
#5b3600
RGB
rgb(91, 54, 0)
RGBA
rgba(91, 54, 0, 1)
HSL
hsl(36, 100%, 18%)
HSV
hsv(36, 100%, 36%)
LAB
lab(26.34% 12.45 36.23)
LCH
lch(26.34% 38.31 71.04)
OKLAB
oklab(0.3696 0.0301 0.0752)
OKLCH
oklch(0.3696 0.081 68.19)
XYZ
xyz(5.63, 4.86, 0.64)
CMYK
cmyk(0%, 41%, 100%, 64%)
CSS
color: #5b3600;
CSS variable
--color-5b3600: #5b3600;
SCSS
$color-5b3600: #5b3600;
Tailwind
red-800
Export
:root {
--#5b3600-1: #5b3600;
}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.