Preview
#522d15
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 12.03:1 · vs black: 1.74:1
HEX
#522d15
RGB
rgb(82, 45, 21)
RGBA
rgba(82, 45, 21, 1)
HSL
hsl(24, 59%, 20%)
HSV
hsv(24, 74%, 32%)
LAB
lab(22.74% 14.61 22.43)
LCH
lch(22.74% 26.77 56.92)
OKLAB
oklab(0.3394 0.0405 0.0513)
OKLCH
oklch(0.3394 0.0654 51.71)
XYZ
xyz(4.55, 3.73, 1.19)
CMYK
cmyk(0%, 45%, 74%, 68%)
CSS
color: #522d15;
CSS variable
--color-522d15: #522d15;
SCSS
$color-522d15: #522d15;
Tailwind
red-800
Export
:root {
--#522d15-1: #522d15;
}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.