Preview
#cd977a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.53:1 · vs black: 8.3:1
HEX
#cd977a
RGB
rgb(205, 151, 122)
RGBA
rgba(205, 151, 122, 1)
HSL
hsl(21, 45%, 64%)
HSV
hsv(21, 40%, 80%)
LAB
lab(66.92% 16.54 23.22)
LCH
lch(66.92% 28.51 54.54)
OKLAB
oklab(0.721 0.0501 0.0583)
OKLCH
oklch(0.721 0.0769 49.33)
XYZ
xyz(39.76, 36.52, 23.36)
CMYK
cmyk(0%, 26%, 40%, 20%)
CSS
color: #cd977a;
CSS variable
--color-cd977a: #cd977a;
SCSS
$color-cd977a: #cd977a;
Tailwind
red-300
Export
:root {
--#cd977a-1: #cd977a;
}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.