Preview
#c98036
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.17:1 · vs black: 6.62:1
HEX
#c98036
RGB
rgb(201, 128, 54)
RGBA
rgba(201, 128, 54, 1)
HSL
hsl(30, 58%, 50%)
HSV
hsv(30, 73%, 79%)
LAB
lab(60% 21.95 50.13)
LCH
lch(60% 54.72 66.35)
OKLAB
oklab(0.6633 0.0579 0.1117)
OKLCH
oklch(0.6633 0.1258 62.6)
XYZ
xyz(32.47, 28.13, 7.21)
CMYK
cmyk(0%, 36%, 73%, 21%)
CSS
color: #c98036;
CSS variable
--color-c98036: #c98036;
SCSS
$color-c98036: #c98036;
Tailwind
red-500
Export
:root {
--#c98036-1: #c98036;
}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.