#DC143C - Crimson

The hexadecimal color code #DC143C corresponds to the color "Crimson", which is a shade of Red. This color is a combination of red (at 0,86 level), green (at 0,08 level) and blue (at 0,24 level). Its brightness is 47% and its saturation is 83%. It is composed of red at 73%, green at 6% and blue at 20%. The dominant component is red.





Official nameCrimson
Shade of Red
Color name in French Rouge cramoisi
Hex Code #DC143C
RGB Code rgb( 220 , 20 , 60)
RGB Code Percentagergb( 86.3% , 7.8% , 23.5% )
HSLhsl( 348 , 83% , 47% )

Variations of #DC143C (Rouge cramoisi)

Lighter Shades

Palette of gradually lightened shades. The lightest shade of #DC143C is the color #FBE7EB



Darker Shades

Palette of progressively darker shades. The darkest shade is #160206.



Other Shades of Red

Examples of other colors within the Red spectrum .

See more

Color Palettes

The complementary color #23EBC3 is the color exactly opposite to #DC143C on the color wheel. The triadic palette is created by selecting two colors that are evenly spaced on the color wheel.

Complementary color palette



Triadic palette



Uses of #DC143C in CSS

When using #DC143C as the background color, consider selecting a lighter text color for improved readability. If you want to use #DC143C as the text color, prefer a light background, such as Blanc.
You can replace the color code #DC143C with its official name: Crimson. You can then write in CSS "background: Crimson " for a background of #DC143C.

#DC143C as background color

Black text
White text
div{ background: #DC143C;  }

div{ background: Crimson; }

Colored text

With a white background or
with a dark background
div{ color: #DC143C;  }

div{ color: Crimson; }


#DC143C colored border with a width of 3px
div{ border: 3px solid #DC143C;  }

div{ border: 3px solid Crimson; }


#DC143C shadow colored
div{ box-shadow: 3px 3px 7px #DC143C; }

div{ box-shadow: 3px 3px 7px Crimson; }

In CSS, the color code #DC143C can be replaced with its official name "".

Similar Colors

Other color codes similar or equivalent to the specified color code #DC143C.

Choose another color

Select another color on color wheel.

Selected color: