Preview
#c65116
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.58:1 · vs black: 4.59:1
HEX
#c65116
RGB
rgb(198, 81, 22)
RGBA
rgba(198, 81, 22, 1)
HSL
hsl(20, 80%, 43%)
HSV
hsv(20, 89%, 78%)
LAB
lab(49.44% 44.08 53.55)
LCH
lch(49.44% 69.36 50.54)
OKLAB
oklab(0.5807 0.1201 0.1103)
OKLCH
oklch(0.5807 0.1631 42.56)
XYZ
xyz(26.38, 17.95, 2.83)
CMYK
cmyk(0%, 59%, 89%, 22%)
CSS
color: #c65116;
CSS variable
--color-c65116: #c65116;
SCSS
$color-c65116: #c65116;
Tailwind
red-500
Export
:root {
--#c65116-1: #c65116;
}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.