Preview
#5d3c22
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 9.84:1 · vs black: 2.13:1
HEX
#5d3c22
RGB
rgb(93, 60, 34)
RGBA
rgba(93, 60, 34, 1)
HSL
hsl(26, 46%, 25%)
HSV
hsv(26, 63%, 36%)
LAB
lab(28.58% 11.48 21.81)
LCH
lch(28.58% 24.65 62.24)
OKLAB
oklab(0.3885 0.0323 0.0516)
OKLCH
oklch(0.3885 0.0609 57.95)
XYZ
xyz(6.42, 5.67, 2.27)
CMYK
cmyk(0%, 35%, 63%, 64%)
CSS
color: #5d3c22;
CSS variable
--color-5d3c22: #5d3c22;
SCSS
$color-5d3c22: #5d3c22;
Tailwind
red-700
Export
:root {
--#5d3c22-1: #5d3c22;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.