Crimson #DC143C

Crimson#DC143C · rgb(220, 20, 60)

Crimson color codes

CSS namecrimson
HEX#DC143C
RGBrgb(220, 20, 60)
HSLhsl(348, 83%, 47%)
CMYKcmyk(0%, 91%, 73%, 14%)
Decimal14423100

Shades of Crimson (darker)

#C61236 · #B01030 · #9A0E2A · #840C24 · #6E0A1E · #580818 · #420612 · #2C040C · #160206

Tints of Crimson (lighter)

#E02C50 · #E34363 · #E75B77 · #EA728A · #EE8A9E · #F1A1B1 · #F5B9C5 · #F8D0D8 · #FCE8EC

Color harmonies

Complementary
#14DBB4
Triadic
#3CDB14, #143CDB
Analogous
#DB14A0, #DB5014

Accessibility (WCAG contrast)

White text on Crimson4.99:1 · AA
Black text on Crimson4.21:1 · AA large text only

Use Crimson in code

.element {
  color: crimson;          /* or #dc143c */
  background-color: rgb(220 20 60 / 0.5);
}

Frequently asked questions

What is the hex code for Crimson?

Crimson is #DC143C in HEX, rgb(220, 20, 60) in RGB and hsl(348, 83%, 47%) in HSL.

Can I use "crimson" directly in CSS?

Yes. "crimson" is one of the 148 standard CSS named colors, so color: crimson; works in every browser.

Is Crimson readable on white?

The contrast ratio of Crimson on white is 4.99:1 (WCAG AA). On black it is 4.21:1 (AA large text only).

What is the complementary color of Crimson?

The complementary color (opposite on the color wheel) is #14DBB4.

Similar colors

Fire Brick#B22222Brown#A52A2ARed#FF0000Medium Violet Red#C71585Indian Red#CD5C5COrange Red#FF4500Tomato#FF6347Sienna#A0522D

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.