Preview
#a3390f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 6.67:1 · vs black: 3.15:1
HEX
#a3390f
RGB
rgb(163, 57, 15)
RGBA
rgba(163, 57, 15, 1)
HSL
hsl(17, 83%, 35%)
HSV
hsv(17, 91%, 64%)
LAB
lab(39.16% 42.06 45.61)
LCH
lch(39.16% 62.04 47.32)
OKLAB
oklab(0.4914 0.1157 0.0933)
OKLCH
oklch(0.4914 0.1486 38.88)
XYZ
xyz(16.66, 10.75, 1.65)
CMYK
cmyk(0%, 65%, 91%, 36%)
CSS
color: #a3390f;
CSS variable
--color-a3390f: #a3390f;
SCSS
$color-a3390f: #a3390f;
Tailwind
slate-600
Export
:root {
--#a3390f-1: #a3390f;
}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.