Preview
#dc3545
Family: Red
Accessibility on this swatch:
Contrast vs white: 4.53:1 · vs black: 4.64:1
HEX
#dc3545
RGB
rgb(220, 53, 69)
RGBA
rgba(220, 53, 69, 1)
HSL
hsl(354, 70%, 54%)
HSV
hsv(354, 76%, 86%)
LAB
lab(49.73% 64.02 31.48)
LCH
lch(49.73% 71.34 26.18)
OKLAB
oklab(0.5915 0.1883 0.0732)
OKLCH
oklch(0.5915 0.202 21.24)
XYZ
xyz(31.87, 18.20, 7.46)
CMYK
cmyk(0%, 76%, 69%, 14%)
CSS
color: #dc3545;
CSS variable
--color-dc3545: #dc3545;
SCSS
$color-dc3545: #dc3545;
Tailwind
rose-400
Export
:root {
--bootstrap-danger-1: #dc3545;
}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.