Red Colors

Color Symbolism for SVG and CSS Color Names in Shades of Red

What is the meaning of red? While red generally signifies everything from love to anger, from power to danger, there are subtle differences in some of the varying shades of red. Do these red colors say what you intend? Explore the color symbolism of various shades of red.

1
Red

Red
Red. Red

The official CSS/SVG color keyword red refers to this pure shade of red, a warm color. As a pure red, this shade carries strong symbolism for both power and danger.

Use this shade of red to grab attention. A strong color, small doses can often be more effective than large amounts of this red.

    2
    Blood Red

    Blood Red
    Blood Red. Blood Red

    Blood red may or may not be the actual color of blood, but it's a color we associate with blood. It's close to dark red and maroon. Depending on how it is used, blood red can carry some of the darker or more sinister symbolism of red including anger, aggression, sin, Satan, death, or a sense of the macabre. Blood red can also symbolize loyalty (a blood oath) and even life and love (blood being associated with the heart).

    • Hex #660000
    • RGB 102,0,0

    3
    Maroon

    Maroon
    Maroon. Maroon

    The official CSS/SVG color keyword maroon refers to this dark shade of blood red. Maroon is a warm color.

    As a dark red near the purple color range, maroon carries a mix of symbolism for both red (attention / take action) and purple (riches / mystery) so you might call it a slightly mysterious shade of red. 

      4
      Dark Red

      Dark Red
      Dark Red. Dark Red

      The SVG named color darkred creates this dark, blood red color. Dark red is a warm color.

      As a dark red near the purple color range, this shade carries a mix of symbolism for both red (attention / take action) and purple (riches / mystery) so, like maroon, you might call it a slightly mysterious shade of red.

        5
        Fire Brick

        Fire Brick
        Fire Brick. Fire Brick

        The SVG named color firebrick refers to this darker shade of red. As a dark red near the purple color range, this shade carries a mix of symbolism for both red (attention / take action) and purple (riches / mystery) but a little bit lighter than maroon or dark red.

        6
        Scarlet

        Scarlet
        Scarlet. Scarlet
        Scarlet is a shade of red with hints of orange. It's the color of flames. Scarlet carries the symbolism of red as a power color. It is closely associated with academics and theology and the military, especially formal occasions and tradition. The shade of scarlet shown here is:
        • Hex #FF2400
        • RGB 255,36,0

        7
        Crimson

        Crimson
        Crimson. Crimson

        The SVG named color crimson refers to this fairly bright pinkish shade of red. Not quite a pure red, this shade carries strong symbolism for both power and danger but also happiness and celebration. It's often considered the color of fresh blood.  Crimson is also associated with the Church and the Bible and in the Elizabethan era crimson was associated with royalty, nobility, and others of high social standing.

        • Hex #DC143C
        • RGB 220,20,60
        • Browser Safe Color: No, closest match is #ff0000 / 255,0,0 (the named color red)

        8
        Indian Red

        Indian Red
        Indian Red. Indian Red

        The SVG named color indianred refers to this medium-light red. This light shade of red carries more of the symbolism of pink although not so much sweetness or girlishness but rather an alert playfulness.

        The cool blue and purple undertones in this shade of red give it a certain amount of sophisticated charm.

         

        9
        Tomato

        Tomato
        Tomato. Tomato

        The SVG named color tomato refers to this medium shade of red. Like Indian Red, this light shade of red carries some of the symbolism of pink but stronger and less delicate that brighter pinks. It also has some of the warmth and energy of orange.

        Use this shade of red to gain attention and infuse a page with energy without being overly stimulating.

          • Hex #FF6347
          • RGB 255,99,71
          • Browser Safe Color: No, closest match is maybe #ff9966 / 255,153,102 (slightly pinker) or #ff6633 / 255,102,51 (slightly oranger)

          10
          Salmon

          Salmon
          Salmon. Salmon

          The SVG color keyword salmon produces this dark pink or light red color. It's the softer side of red without being an all-out girly pink.

          • Hex #FA8072
          • RGB 250,128,114

          11
          Blood Orange

          Blood Orange
          Blood Orange. Blood Orange

          A bit of blood red and orange it's a dark but bright shade of red that's less aggressive than pure red. It has energy and warmth and it grabs attention like red and orange. The specs for this Blood Orange color are:

          • Hex #CC1100
          • RGB 204,17,0

          12
          Dark Cherry Red

          Dark Cherry Red
          Dark Cherry Red. Dark Cherry Red

          This deep, darker than blood red color is almost black.  Dark Cherry Red has less of the aggression of red and more of the mystery of black.

          • Hex #330000
          • RGB 51,0,0

           

          How Do You Use Red?

          Do you like using red on Web pages or is it overused? What shades of red do you like? Talk about it.