Preview
#7a5a30
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 6.3:1 · vs black: 3.33:1
HEX
#7a5a30
RGB
rgb(122, 90, 48)
RGBA
rgba(122, 90, 48, 1)
HSL
hsl(34, 44%, 33%)
HSV
hsv(34, 61%, 48%)
LAB
lab(40.68% 8.03 29.07)
LCH
lch(40.68% 30.16 74.56)
OKLAB
oklab(0.4916 0.0218 0.0684)
OKLCH
oklch(0.4916 0.0718 72.32)
XYZ
xyz(12.22, 11.66, 4.40)
CMYK
cmyk(0%, 26%, 61%, 52%)
CSS
color: #7a5a30;
CSS variable
--color-7a5a30: #7a5a30;
SCSS
$color-7a5a30: #7a5a30;
Tailwind
red-600
Export
:root {
--#7a5a30-1: #7a5a30;
}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.