Preview
#56341e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 11.02:1 · vs black: 1.91:1
HEX
#56341e
RGB
rgb(86, 52, 30)
RGBA
rgba(86, 52, 30, 1)
HSL
hsl(24, 48%, 23%)
HSV
hsv(24, 65%, 34%)
LAB
lab(25.35% 12.81 20.12)
LCH
lch(25.35% 23.85 57.52)
OKLAB
oklab(0.3612 0.0363 0.0476)
OKLCH
oklch(0.3612 0.0599 52.67)
XYZ
xyz(5.30, 4.53, 1.82)
CMYK
cmyk(0%, 40%, 65%, 66%)
CSS
color: #56341e;
CSS variable
--color-56341e: #56341e;
SCSS
$color-56341e: #56341e;
Tailwind
red-700
Export
:root {
--#56341e-1: #56341e;
}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.