Preview
#cc9e55
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.44:1 · vs black: 8.59:1
HEX
#cc9e55
RGB
rgb(204, 158, 85)
RGBA
rgba(204, 158, 85, 1)
HSL
hsl(37, 54%, 57%)
HSV
hsv(37, 58%, 80%)
LAB
lab(67.98% 8.82 44.15)
LCH
lch(67.98% 45.02 78.7)
OKLAB
oklab(0.7273 0.0233 0.1036)
OKLCH
oklch(0.7273 0.1062 77.32)
XYZ
xyz(38.77, 37.95, 13.88)
CMYK
cmyk(0%, 23%, 58%, 20%)
CSS
color: #cc9e55;
CSS variable
--color-cc9e55: #cc9e55;
SCSS
$color-cc9e55: #cc9e55;
Tailwind
red-400
Export
:root {
--#cc9e55-1: #cc9e55;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.