Heroic Red
#d1191c
Heroic Red, represented by the hex value #d1191c, pairs naturally with the complementary and analogous shades shown further down this page.
Color values
| HEX | #d1191c | |
|---|---|---|
| RGB | rgb(209, 25, 28) | |
| HSL | hsl(359, 79%, 46%) | |
| CMYK | cmyk(0%, 88%, 87%, 18%) | |
| LAB | lab(46, 67, 50) | |
| OKLCH | oklch(0.55 0.213 28) |
Color harmonies
Tints & shades
Code snippets
color: #d1191c;
background-color: #d1191c;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-red-500 /* ≈ #fb2c36 */
/* Flutter */
Color(0xFFD1191C)
/* Swift / UIKit */
UIColor(red: 0.82, green: 0.10, blue: 0.11, alpha: 1.0)