UI Design Token: Red Deep
#DC2626 Color Code
#DC2626 is a curated red deep tone (Critical Error Banners & Destructive Triggers). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#DC2626
Red Deep
RGB: 220, 38, 38
HEX
#DC2626
RGB
rgb(220, 38, 38)
HSL
hsl(0, 72%, 51%)
Complementary
#28DCDC
50 â 950 Tailwind Shades Scale for #DC2626
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
4.83:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
3.7:1
WCAG AA: Large Text Only (3:1)
CSS Variables & Design Token Export
:root {
--color-red deep: #DC2626;
--color-red deep-rgb: 220, 38, 38;
--color-red deep-hsl: 0deg 72% 51%;
--color-red deep-comp: #28DCDC;
}