Preview
#522f13
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 11.83:1 · vs black: 1.77:1
HEX
#522f13
RGB
rgb(82, 47, 19)
RGBA
rgba(82, 47, 19, 1)
HSL
hsl(27, 62%, 20%)
HSV
hsv(27, 77%, 32%)
LAB
lab(23.25% 13.21 24.17)
LCH
lch(23.25% 27.54 61.34)
OKLAB
oklab(0.3433 0.0359 0.0547)
OKLCH
oklch(0.3433 0.0654 56.72)
XYZ
xyz(4.61, 3.87, 1.12)
CMYK
cmyk(0%, 43%, 77%, 68%)
CSS
color: #522f13;
CSS variable
--color-522f13: #522f13;
SCSS
$color-522f13: #522f13;
Tailwind
red-800
Export
:root {
--#522f13-1: #522f13;
}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.