Preview
#cc7c61
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.17:1 · vs black: 6.62:1
HEX
#cc7c61
RGB
rgb(204, 124, 97)
RGBA
rgba(204, 124, 97, 1)
HSL
hsl(15, 51%, 59%)
HSV
hsv(15, 52%, 80%)
LAB
lab(60% 28.3 27.9)
LCH
lch(60% 39.74 44.59)
OKLAB
oklab(0.6658 0.0831 0.0682)
OKLCH
oklch(0.6658 0.1075 39.38)
XYZ
xyz(34.27, 28.12, 14.93)
CMYK
cmyk(0%, 39%, 52%, 20%)
CSS
color: #cc7c61;
CSS variable
--color-cc7c61: #cc7c61;
SCSS
$color-cc7c61: #cc7c61;
Tailwind
slate-400
Export
:root {
--#cc7c61-1: #cc7c61;
}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.