Preview
#c49a81
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.53:1 · vs black: 8.29:1
HEX
#c49a81
RGB
rgb(196, 154, 129)
RGBA
rgba(196, 154, 129, 1)
HSL
hsl(22, 36%, 64%)
HSV
hsv(22, 34%, 77%)
LAB
lab(66.85% 12.15 19.12)
LCH
lch(66.85% 22.65 57.57)
OKLAB
oklab(0.7188 0.0377 0.0486)
OKLCH
oklch(0.7188 0.0615 52.2)
XYZ
xyz(38.28, 36.43, 25.78)
CMYK
cmyk(0%, 21%, 34%, 23%)
CSS
color: #c49a81;
CSS variable
--color-c49a81: #c49a81;
SCSS
$color-c49a81: #c49a81;
Tailwind
red-300
Export
:root {
--#c49a81-1: #c49a81;
}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.