Preview
#593f2a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 9.68:1 · vs black: 2.17:1
HEX
#593f2a
RGB
rgb(89, 63, 42)
RGBA
rgba(89, 63, 42, 1)
HSL
hsl(27, 36%, 26%)
HSV
hsv(27, 53%, 35%)
LAB
lab(29.02% 8.46 17.31)
LCH
lch(29.02% 19.27 63.95)
OKLAB
oklab(0.3913 0.0248 0.0423)
OKLCH
oklch(0.3913 0.049 59.62)
XYZ
xyz(6.32, 5.85, 2.99)
CMYK
cmyk(0%, 29%, 53%, 65%)
CSS
color: #593f2a;
CSS variable
--color-593f2a: #593f2a;
SCSS
$color-593f2a: #593f2a;
Tailwind
red-700
Export
:root {
--#593f2a-1: #593f2a;
}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.