Preview
#b71c1c
Family: Red
Accessibility on this swatch:
Contrast vs white: 6.57:1 · vs black: 3.2:1
HEX
#b71c1c
RGB
rgb(183, 28, 28)
RGBA
rgba(183, 28, 28, 1)
HSL
hsl(0, 73%, 41%)
HSV
hsv(0, 85%, 72%)
LAB
lab(39.56% 58.7 41.66)
LCH
lch(39.56% 71.98 35.36)
OKLAB
oklab(0.5016 0.1674 0.0871)
OKLCH
oklch(0.5016 0.1887 27.49)
XYZ
xyz(20.16, 10.98, 2.16)
CMYK
cmyk(0%, 85%, 85%, 28%)
CSS
color: #b71c1c;
CSS variable
--color-b71c1c: #b71c1c;
SCSS
$color-b71c1c: #b71c1c;
Tailwind
slate-500
Export
:root {
--material-red-900-1: #b71c1c;
}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.