Crimson is a medium, saturated shade in the red color family, with a warm feel. Its HEX code is #DC143C, which equals rgb(220, 20, 60) in RGB and hsl(348, 83%, 47%) in HSL. In print terms it converts to roughly C0 M91 Y73 K14, although exact CMYK results depend on the paper and color profile.
- HEX
#DC143C - RGB
220, 20, 60 - HSL
348°, 83%, 47% - CMYK
0, 91, 73, 14 - Family
Red - Tone
Medium, saturated
About Crimson
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 4.99:1. Its complementary color is #14DBB4.
Download Crimson as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Crimson color codes
| HEX | #DC143C |
|---|---|
| RGB | rgb(220, 20, 60) |
| HSL | hsl(348, 83%, 47%) |
| HSV | 348°, 91%, 86% |
| CMYK | 0%, 91%, 73%, 14% |
| Decimal | 14423100 |
Shades and tints of Crimson
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F9D8DF - 100
#F3B1BE - 200
#EE8A9E - 300
#E8627D - 400
#E23B5D - 500
#DC143C - 600
#B71132 - 700
#930D28 - 800
#6E0A1E - 900
#490714 - 950
#25030A
Color harmonies for Crimson
- Complementary
#14DBB4≈ Bright Turquoise - Analogous −30°
#DB14A0≈ Bright Raspberry - Analogous +30°
#DB5014≈ Bright Cinnabar - Triadic +120°
#3CDB14≈ Bright Clover - Triadic +240°
#143CDB≈ Bright Cobalt - Split 150°
#14DB50≈ Malachite - Split 210°
#14A0DB≈ Bright Capri
Contrast and accessibility of Crimson
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Crimson | Aa | 4.99:1 | AA (good) |
| Black text on Crimson | Aa | 4.21:1 | AA Large only |
CSS code for Crimson
background-color: #DC143C;color: #DC143C;background-color: rgb(220, 20, 60);background-color: hsl(348, 83%, 47%);:root { --color-crimson: #DC143C; }class="bg-[#DC143C]"Colors similar to Crimson
- Bright Crimson
#E61942 - Bright Cardinal
#E6192E - Medium Dark Ruby
#D60040 - Bright Ruby
#E61957 - Cardinal
#C41E3A - Medium Dark Bright Crimson
#C11538 - Medium Dark Crimson
#D6002B - Medium Dark Bright Ruby
#C11549 - Ruby
#E0115F - Raspberry
#E30B5D - Bright Red
#E61919 - Medium Dark Bright Cardinal
#C11527
More red shades
- Fire Brick
#B22222 - Indian Red
#CD5C5C - Light Coral
#F08080 - Salmon
#FA8072 - Tomato
#FF6347 - Brown
#A52A2A - Dark Red
#8B0000 - Maroon
#800000 - Red
#FF0000 - Rosy Brown
#BC8F8F - Burgundy
#800020
Frequently asked questions
What is the HEX code for Crimson?
The HEX code for Crimson is #DC143C.
What is the RGB value of Crimson?
Crimson has an RGB value of 220, 20, 60 (rgb(220, 20, 60)). In HSL it is 348°, 83%, 47%.
What text color should I use on Crimson?
Use white text on Crimson. White text has a contrast ratio of 4.99:1 and black text has 4.21:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Crimson?
The complementary color of Crimson is #14DBB4. Analogous colors #DB14A0 and #DB5014 also pair well.