↑ ↓ to moveEnter to openEsc to close

Crimson red color codes

Crimson is a deep, slightly blue-leaning red. The CSS keyword crimson is #DC143C; named crimsons and close relatives are listed after it.

The CSS crimson keyword and neighbors

  • CSSAa 4.30:1
    red #FF0000 RGB 255, 0, 0
  • CSSAa 4.98:1
    crimson #DC143C RGB 220, 20, 60
  • CSSAa 5.42:1
    mediumvioletred #C71585 RGB 199, 21, 133
  • CSSAa 6.67:1
    firebrick #B22222 RGB 178, 34, 34
  • CSSAa 10.01:1
    darkred #8B0000 RGB 139, 0, 0
  • CSSAa 10.94:1
    maroon #800000 RGB 128, 0, 0

Named crimsons

Shades with "crimson" in the name.

  • Aa 5.52:1
    Crimson Cloud #C32F40 RGB 195, 47, 64
  • Aa 5.54:1
    Crimson Silk #B5413B RGB 181, 65, 59
  • Aa 6.00:1
    Harvard Crimson #C90016 RGB 201, 0, 22
  • Aa 6.06:1
    Crimson Blaze #AD3D1E RGB 173, 61, 30
  • Aa 6.49:1
    Crimson Glory #BE0032 RGB 190, 0, 50
  • Aa 6.50:1
    Carroburg Crimson #A82A70 RGB 168, 42, 112
  • Aa 6.47:1
    Crimson Velvet Sunset #B52604 RGB 181, 38, 4
  • Aa 7.49:1
    Crimson Shadows #9A2B43 RGB 154, 43, 67
  • Aa 7.94:1
    Crimson Garland #982531 RGB 152, 37, 49
  • Aa 7.76:1
    Dark Crimson #843C41 RGB 132, 60, 65
  • Aa 8.20:1
    Spartan Crimson #9E1316 RGB 158, 19, 22
  • Aa 8.99:1
    Crimson Red #980001 RGB 152, 0, 1
  • Aa 9.89:1
    Crimson #8C000F RGB 140, 0, 15
  • Aa 12.66:1
    Burnt Crimson #582124 RGB 88, 33, 36

Blue-leaning deep reds

  • Aa 4.98:1
    Incubation Red #DA1D38 RGB 218, 29, 56
  • Aa 5.17:1
    Debian Red #D70A53 RGB 215, 10, 83
  • Aa 5.59:1
    Cherry Bomb #B73D3F RGB 183, 61, 63
  • Aa 6.09:1
    Racing Red #C21727 RGB 194, 23, 39
  • Aa 6.31:1
    Velvet Magic #BB1155 RGB 187, 17, 85
  • Aa 6.40:1
    Rural Red #BB1144 RGB 187, 17, 68
  • Aa 6.87:1
    Pompeian Red #A82A38 RGB 168, 42, 56
  • Aa 7.46:1
    Ecstatic Red #AA1122 RGB 170, 17, 34
  • Aa 8.35:1
    Cranberry #9E003A RGB 158, 0, 58
  • Aa 10.83:1
    Oxblood #800020 RGB 128, 0, 32

Palette idea: light to dark

  • LightestAa 4.30:1
    red #FF0000 RGB 255, 0, 0
  • LightAa 5.59:1
    Cherry Bomb #B73D3F RGB 183, 61, 63
  • MidAa 6.47:1
    Crimson Velvet Sunset #B52604 RGB 181, 38, 4
  • DeepAa 8.20:1
    Spartan Crimson #9E1316 RGB 158, 19, 22
  • DarkestAa 12.66:1
    Burnt Crimson #582124 RGB 88, 33, 36

Palette idea: with neutrals

  • BackgroundAa 16.11:1
    Warm white #FAF7F2 RGB 250, 247, 242
  • SurfaceAa 5.42:1
    mediumvioletred #C71585 RGB 199, 21, 133
  • MainAa 6.47:1
    Crimson Velvet Sunset #B52604 RGB 181, 38, 4
  • DeepAa 9.89:1
    Crimson #8C000F RGB 140, 0, 15
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 5.17:1
    Debian Red #D70A53 RGB 215, 10, 83
  • MainAa 6.47:1
    Crimson Velvet Sunset #B52604 RGB 181, 38, 4
  • DarkAa 10.01:1
    darkred #8B0000 RGB 139, 0, 0
  • AccentAa 5.69:1
    Complement #007182 RGB 0, 113, 130
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

Crimson in one line

Crimson is a strong red with a slight lean toward blue. The CSS keyword crimson is #DC143C, or rgb(220, 20, 60). Compared with pure red (#FF0000) it is a little darker and cooler; compared with burgundy it is much brighter.

Where the name comes from

The word traces back through Old Spanish and Arabic to qirmiz, the kermes insect, which was crushed to make red dye. Later, cochineal insects from the Americas gave an even stronger crimson and became one of the most valuable exports of the Spanish empire.

Crimson in use

  • University and sports colors: many schools use crimson with white, gray or gold.
  • Branding: crimson feels confident and premium, less aggressive than pure red.
  • Interfaces: white text on #DC143C reaches about 5:1, enough for normal text at WCAG AA.

Pairings

Crimson pairs with charcoal and white for a classic look, with navy for a collegiate feel, with gold for ceremony, and with soft pink for a tonal palette. The complementary accent above shows the teal-green that sits opposite crimson.

For the wider family, see shades of red. Deeper versions live on dark colors, and complementary colors finds exact opposites for any code.