Preview
#cc3333
Family: Red
Accessibility on this swatch:
Contrast vs white: 5.14:1 · vs black: 4.09:1
HEX
#cc3333
RGB
rgb(204, 51, 51)
RGBA
rgba(204, 51, 51, 1)
HSL
hsl(0, 60%, 50%)
HSV
hsv(0, 75%, 80%)
LAB
lab(46.24% 59.12 37.12)
LCH
lch(46.24% 69.81 32.12)
OKLAB
oklab(0.5594 0.1709 0.0829)
OKLCH
oklch(0.5594 0.1899 25.88)
XYZ
xyz(26.69, 15.45, 4.71)
CMYK
cmyk(0%, 75%, 75%, 20%)
CSS
color: #cc3333;
CSS variable
--color-cc3333: #cc3333;
SCSS
$color-cc3333: #cc3333;
Tailwind
slate-500
Export
:root {
--web-safe-#cc3333-1: #cc3333;
}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.