What colors go well with crimson?

Crimson pairs with its complementary colour #14DCB4 and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Crimson Color — Hex Code #DC143C, RGB, Palettes & CSS

Q: What is the hex code for crimson?

Crimson is commonly #DC143C, which is rgb(220, 20, 60). Like most descriptive colour names it covers a small range, but this is a widely used value.

Crimson colour codes

Hex

#DC143C

RGB

rgb(220, 20, 60)

HSL

hsl(348, 83%, 47%)

HSV

hsv(348, 91%, 86%)

OKLCH

oklch(0.57 0.22 20)

CMYK

cmyk(0%, 91%, 73%, 14%)

Complementary palette

Crimson with its opposite on the colour wheel.

#DC143C

rgb(220, 20, 60)

#14DCB4

rgb(20, 220, 180)

Triad palette

Crimson with two evenly-spaced partners.

#DC143C

rgb(220, 20, 60)

#3CDC14

rgb(60, 220, 20)

#143CDC

rgb(20, 60, 220)

Monochromatic palette

Lighter and darker versions of crimson at the same hue.

#700B1F

rgb(112, 11, 31)

#9C102C

rgb(156, 16, 44)

#C81438

rgb(200, 20, 56)

#E91741

rgb(233, 23, 65)

Lighter tints

Crimson toward white.

#DC143C

rgb(220, 20, 60)

#E13658

rgb(225, 54, 88)

#E65774

rgb(230, 87, 116)

#EB7990

rgb(235, 121, 144)

#F09AAB

rgb(240, 154, 171)

#F5BCC7

rgb(245, 188, 199)

#FADDE3

rgb(250, 221, 227)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Crimson toward black.

#DC143C

rgb(220, 20, 60)

#BD1133

rgb(189, 17, 51)

#9D0E2B

rgb(157, 14, 43)

#7E0B22

rgb(126, 11, 34)

#5E091A

rgb(94, 9, 26)

#3F0611

rgb(63, 6, 17)

#1F0309

rgb(31, 3, 9)

#000000

rgb(0, 0, 0)

About crimson

A strong, slightly bluish red. Dramatic and rich, it conveys passion, urgency and depth. The value shown here (#DC143C) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with crimson

The complementary colour (#14DCB4) sits opposite crimson on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using crimson in your design

For CSS, paste #DC143C or the oklch(0.57 0.22 20) value, or download the ready-made crimson.css file above — it includes a full 50–950 token scale. Always check contrast before using crimson behind text.

What is the hex code for crimson?

Crimson is commonly #DC143C (rgb(220, 20, 60)). It covers a small range, but this is a widely used value.

What colours go well with crimson?

Its complementary colour #14DCB4 and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Crimson colour

Crimson colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About crimson

Palettes that work with crimson

Using crimson in your design

Popular colours

Color tools