Preview
#7c5036
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 6.87:1 · vs black: 3.06:1
HEX
#7c5036
RGB
rgb(124, 80, 54)
RGBA
rgba(124, 80, 54, 1)
HSL
hsl(22, 39%, 35%)
HSV
hsv(22, 56%, 49%)
LAB
lab(38.36% 15.47 22.82)
LCH
lch(38.36% 27.57 55.87)
OKLAB
oklab(0.4744 0.0447 0.0551)
OKLCH
oklch(0.4744 0.071 50.95)
XYZ
xyz(11.85, 10.29, 4.85)
CMYK
cmyk(0%, 35%, 56%, 51%)
CSS
color: #7c5036;
CSS variable
--color-7c5036: #7c5036;
SCSS
$color-7c5036: #7c5036;
Tailwind
red-600
Export
:root {
--#7c5036-1: #7c5036;
}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.