Preview
#c2af9d
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.12:1 · vs black: 9.91:1
HEX
#c2af9d
RGB
rgb(194, 175, 157)
RGBA
rgba(194, 175, 157, 1)
HSL
hsl(29, 23%, 69%)
HSV
hsv(29, 19%, 76%)
LAB
lab(72.6% 3.89 11.72)
LCH
lch(72.6% 12.35 71.64)
OKLAB
oklab(0.7653 0.0137 0.0304)
OKLCH
oklch(0.7653 0.0333 65.74)
XYZ
xyz(43.66, 44.56, 38.19)
CMYK
cmyk(0%, 10%, 19%, 24%)
CSS
color: #c2af9d;
CSS variable
--color-c2af9d: #c2af9d;
SCSS
$color-c2af9d: #c2af9d;
Tailwind
red-300
Export
:root {
--#c2af9d-1: #c2af9d;
}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.