Preview
#55321a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 11.31:1 · vs black: 1.86:1
HEX
#55321a
RGB
rgb(85, 50, 26)
RGBA
rgba(85, 50, 26, 1)
HSL
hsl(24, 53%, 22%)
HSV
hsv(24, 69%, 33%)
LAB
lab(24.6% 13.26 21.66)
LCH
lch(24.6% 25.4 58.53)
OKLAB
oklab(0.3549 0.037 0.0504)
OKLCH
oklch(0.3549 0.0625 53.72)
XYZ
xyz(5.07, 4.29, 1.54)
CMYK
cmyk(0%, 41%, 69%, 67%)
CSS
color: #55321a;
CSS variable
--color-55321a: #55321a;
SCSS
$color-55321a: #55321a;
Tailwind
red-700
Export
:root {
--#55321a-1: #55321a;
}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.