Preview
#704f34
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 7.35:1 · vs black: 2.86:1
HEX
#704f34
RGB
rgb(112, 79, 52)
RGBA
rgba(112, 79, 52, 1)
HSL
hsl(27, 37%, 32%)
HSV
hsv(27, 54%, 44%)
LAB
lab(36.53% 10.4 21.37)
LCH
lch(36.53% 23.77 64.05)
OKLAB
oklab(0.4567 0.0302 0.0519)
OKLCH
oklch(0.4567 0.06 59.81)
XYZ
xyz(10.10, 9.29, 4.51)
CMYK
cmyk(0%, 29%, 54%, 56%)
CSS
color: #704f34;
CSS variable
--color-704f34: #704f34;
SCSS
$color-704f34: #704f34;
Tailwind
red-600
Export
:root {
--#704f34-1: #704f34;
}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.