Preview
#a5420d
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 6.2:1 · vs black: 3.38:1
HEX
#a5420d
RGB
rgb(165, 66, 13)
RGBA
rgba(165, 66, 13, 1)
HSL
hsl(21, 85%, 35%)
HSV
hsv(21, 92%, 65%)
LAB
lab(41.1% 38.54 47.89)
LCH
lch(41.1% 61.47 51.17)
OKLAB
oklab(0.5067 0.1047 0.0978)
OKLCH
oklch(0.5067 0.1433 43.05)
XYZ
xyz(17.54, 11.93, 1.76)
CMYK
cmyk(0%, 60%, 92%, 35%)
CSS
color: #a5420d;
CSS variable
--color-a5420d: #a5420d;
SCSS
$color-a5420d: #a5420d;
Tailwind
red-600
Export
:root {
--#a5420d-1: #a5420d;
}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.