Preview
#ad5f1f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.74:1 · vs black: 4.43:1
HEX
#ad5f1f
RGB
rgb(173, 95, 31)
RGBA
rgba(173, 95, 31, 1)
HSL
hsl(27, 70%, 40%)
HSV
hsv(27, 82%, 68%)
LAB
lab(48.47% 27.1 47.73)
LCH
lch(48.47% 54.89 60.41)
OKLAB
oklab(0.5658 0.072 0.1026)
OKLCH
oklch(0.5658 0.1253 54.94)
XYZ
xyz(21.58, 17.17, 3.47)
CMYK
cmyk(0%, 45%, 82%, 32%)
CSS
color: #ad5f1f;
CSS variable
--color-ad5f1f: #ad5f1f;
SCSS
$color-ad5f1f: #ad5f1f;
Tailwind
red-600
Export
:root {
--#ad5f1f-1: #ad5f1f;
}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.