Preview
#c62828
Family: Red
Accessibility on this swatch:
Contrast vs white: 5.62:1 · vs black: 3.74:1
HEX
#c62828
RGB
rgb(198, 40, 40)
RGBA
rgba(198, 40, 40, 1)
HSL
hsl(0, 66%, 47%)
HSV
hsv(0, 80%, 78%)
LAB
lab(43.77% 60.29 40.31)
LCH
lch(43.77% 72.52 33.77)
OKLAB
oklab(0.5386 0.173 0.0871)
OKLCH
oklch(0.5386 0.1937 26.72)
XYZ
xyz(24.43, 13.68, 3.36)
CMYK
cmyk(0%, 80%, 80%, 22%)
CSS
color: #c62828;
CSS variable
--color-c62828: #c62828;
SCSS
$color-c62828: #c62828;
Tailwind
slate-500
Export
:root {
--material-red-800-1: #c62828;
}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.