Preview
#cc9999
Family: Red
Accessibility on this swatch:
Contrast vs white: 2.45:1 · vs black: 8.58:1
HEX
#cc9999
RGB
rgb(204, 153, 153)
RGBA
rgba(204, 153, 153, 1)
HSL
hsl(0, 33%, 70%)
HSV
hsv(0, 25%, 80%)
LAB
lab(67.96% 19.06 7.45)
LCH
lch(67.96% 20.46 21.35)
OKLAB
oklab(0.7311 0.0582 0.0196)
OKLCH
oklch(0.7311 0.0614 18.61)
XYZ
xyz(42.04, 37.92, 35.24)
CMYK
cmyk(0%, 25%, 25%, 20%)
CSS
color: #cc9999;
CSS variable
--color-cc9999: #cc9999;
SCSS
$color-cc9999: #cc9999;
Tailwind
slate-300
Export
:root {
--web-safe-#cc9999-1: #cc9999;
}Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Red family.