↑ ↓ to moveEnter to openEsc to close

Shades of red

Scarlet, cherry, brick, burgundy: these named reds run from fire-engine bright to almost brown. Every swatch lists HEX and RGB and copies with one click.

CSS named reds

Browser color keywords in the red family.

  • CSSAa 7.46:1
    darksalmon #E9967A RGB 233, 150, 122
  • CSSAa 6.89:1
    coral #FF7F50 RGB 255, 127, 80
  • CSSAa 6.88:1
    salmon #FA8072 RGB 250, 128, 114
  • CSSAa 6.64:1
    lightcoral #F08080 RGB 240, 128, 128
  • CSSAa 5.84:1
    tomato #FF6347 RGB 255, 99, 71
  • CSSAa 5.00:1
    orangered #FF4500 RGB 255, 69, 0
  • CSSAa 4.30:1
    red #FF0000 RGB 255, 0, 0
  • CSSAa 4.33:1
    indianred #CD5C5C RGB 205, 92, 92
  • CSSAa 4.98:1
    crimson #DC143C RGB 220, 20, 60
  • CSSAa 6.67:1
    firebrick #B22222 RGB 178, 34, 34
  • CSSAa 7.08:1
    brown #A52A2A RGB 165, 42, 42
  • CSSAa 10.01:1
    darkred #8B0000 RGB 139, 0, 0
  • CSSAa 10.94:1
    maroon #800000 RGB 128, 0, 0

Bright and true reds

  • Aa 5.39:1
    Smashing Pumpkins #FF5522 RGB 255, 85, 34
  • Aa 5.29:1
    Red Mana #F95554 RGB 249, 85, 84
  • Aa 4.53:1
    In the Red #FF2233 RGB 255, 34, 51
  • Aa 4.47:1
    Glowing Meteor #EE4400 RGB 238, 68, 0
  • Aa 4.25:1
    Assassin’s Red #F60206 RGB 246, 2, 6
  • Aa 4.30:1
    Vampire Red #DD4132 RGB 221, 65, 50
  • Aa 4.44:1
    Poppy Red #DD3845 RGB 221, 56, 69
  • Aa 4.89:1
    Dazzling Red #D82C0D RGB 216, 44, 13
  • Aa 5.02:1
    Piercing Red #DD1122 RGB 221, 17, 34
  • Aa 5.54:1
    Cherry Sangria #C92435 RGB 201, 36, 53
  • Aa 5.93:1
    Cherry Crush #C71414 RGB 199, 20, 20
  • Aa 6.54:1
    Tartan Red #B1282A RGB 177, 40, 42

Deep reds, burgundy and maroon

  • Aa 8.45:1
    French Winery #991133 RGB 153, 17, 51
  • Aa 8.43:1
    Dockside Red #813533 RGB 129, 53, 51
  • Aa 8.85:1
    Noble Red #92181D RGB 146, 24, 29
  • Aa 9.25:1
    Brick Red #8F1402 RGB 143, 20, 2
  • Aa 9.69:1
    Beet Red #7E203F RGB 126, 32, 63
  • Aa 10.19:1
    Arcane Red #6A2F2F RGB 106, 47, 47
  • Aa 10.83:1
    Oxblood #800020 RGB 128, 0, 32
  • Aa 11.78:1
    Liquorice Red #740900 RGB 116, 9, 0
  • Aa 12.82:1
    Plum Cheese #670728 RGB 103, 7, 40
  • Aa 14.02:1
    Spikey Red #600000 RGB 96, 0, 0
  • Aa 14.13:1
    Chocolate Rush #4E1B0B RGB 78, 27, 11
  • Aa 15.74:1
    English Breakfast #441111 RGB 68, 17, 17

Orange reds and brick

  • Aa 5.57:1
    Phoenix Red #E2725B RGB 226, 114, 91
  • Aa 4.49:1
    RedЯum #FF2200 RGB 255, 34, 0
  • Aa 4.44:1
    War Paint Red #DC571D RGB 220, 87, 29
  • Aa 4.26:1
    Tomato Queen #DD4422 RGB 221, 68, 34
  • Aa 4.42:1
    Red Cent #AD654C RGB 173, 101, 76
  • Aa 4.65:1
    Titian Red #BD5620 RGB 189, 86, 32
  • Aa 5.09:1
    Paprika Kisses #C24325 RGB 194, 67, 37
  • Aa 6.03:1
    Toasted Paprika #A34631 RGB 163, 70, 49
  • Aa 6.33:1
    Rust #A83C09 RGB 168, 60, 9
  • Aa 7.26:1
    Olive Niçoise #88432E RGB 136, 67, 46
  • Aa 7.72:1
    Burnt Red #9F2305 RGB 159, 35, 5
  • Aa 9.96:1
    Roasted Pepper #890A01 RGB 137, 10, 1

Soft and muted reds

  • Aa 6.90:1
    Redolenc #EA8A7A RGB 234, 138, 122
  • Aa 6.75:1
    Rosetti #CF929A RGB 207, 146, 154
  • Aa 6.19:1
    Muted Clay #CF8A78 RGB 207, 138, 120
  • Aa 5.45:1
    Old Rose #C08081 RGB 192, 128, 129
  • Aa 4.23:1
    Clay #B66A50 RGB 182, 106, 80
  • Aa 5.00:1
    Cheek Red #A55A55 RGB 165, 90, 85
  • Aa 5.80:1
    Barbarossa #A84734 RGB 168, 71, 52
  • Aa 6.12:1
    Annatto #8C5341 RGB 140, 83, 65
  • Aa 6.49:1
    Red My Mind #994341 RGB 153, 67, 65
  • Aa 7.05:1
    Red Elegance #85464B RGB 133, 70, 75
  • Aa 7.21:1
    Fire #8F3F2A RGB 143, 63, 42
  • Aa 7.59:1
    Chocolate Magma #7A463A RGB 122, 70, 58

Palette idea: light to dark

  • LightestAa 7.46:1
    darksalmon #E9967A RGB 233, 150, 122
  • LightAa 4.47:1
    Glowing Meteor #EE4400 RGB 238, 68, 0
  • MidAa 5.00:1
    Cheek Red #A55A55 RGB 165, 90, 85
  • DeepAa 7.59:1
    Chocolate Magma #7A463A RGB 122, 70, 58
  • DarkestAa 15.74:1
    English Breakfast #441111 RGB 68, 17, 17

Palette idea: with neutrals

  • BackgroundAa 16.11:1
    Warm white #FAF7F2 RGB 250, 247, 242
  • SurfaceAa 5.39:1
    Smashing Pumpkins #FF5522 RGB 255, 85, 34
  • MainAa 5.00:1
    Cheek Red #A55A55 RGB 165, 90, 85
  • DeepAa 9.96:1
    Roasted Pepper #890A01 RGB 137, 10, 1
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 6.19:1
    Muted Clay #CF8A78 RGB 207, 138, 120
  • MainAa 5.00:1
    Cheek Red #A55A55 RGB 165, 90, 85
  • DarkAa 10.83:1
    Oxblood #800020 RGB 128, 0, 32
  • AccentAa 4.58:1
    Complement #00828D RGB 0, 130, 141
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

How reds differ

Reds vary along two easy-to-see directions:

  1. Toward orange or toward blue. Brick, tomato and vermilion lean orange and feel warm and earthy. Crimson, cherry and raspberry lean blue and feel cooler and richer.
  2. Light to dark. Bright reds shout; burgundy, maroon and oxblood feel serious and luxurious.

Many brand reds sit right in the middle: saturated, medium lightness and close to pure red.

Red and attention

Red draws the eye faster than most colors, which is why it is used for warnings, sales and stop signs. Used everywhere, it loses that power. In interfaces, keep pure reds for errors and destructive actions, and choose a softer or deeper red for decoration.

Contrast notes

White text on a bright red often lands just under 4.5:1, so check the "Aa" figure before using red buttons. Darker reds pass easily. And because people with red-green color vision deficiencies can confuse red with green or brown, never rely on red alone to signal a problem.

Crimson red has its own page, as do shades of pink and burnt orange. For the color that balances red, open complementary colors, and for reds that are dark enough for backgrounds, see dark colors.