#dc143c
HEX
#dc143c RGB
rgb(220, 20, 60) HSL
348°, 83%, 47% About Crimson Color
Crimson is a strong, vivid red with a hint of blue. It conveys confidence, passion, and drama, making it ideal for bold statements and premium brands.
Use Cases for Crimson
brand logosdramatic headerssale badgespremium brandsmovie posters
Shades & Tints of Crimson
#ffffff
#f6c4ce
#ee8a9e
#e54f6d
#dc143c
#a50f2d
#6e0a1e
#37050f
#000000
Complementary Color
#dc143c
#14dbb4
Analogous Colors
#db14a0
#dc143c
#db5014
CSS Code
.crimson-color {
color: #dc143c;
}Contrast Recommendations
Black text on Crimson
Ratio: 4.21:1 ✗ Fails AA ✗ Fails AAA
White text on Crimson
Ratio: 4.99:1 ✓ Passes AA ✗ Fails AAA
Frequently Asked Questions
What color is Crimson?
Crimson is represented by the hex code #dc143c and has RGB values of rgb(220, 20, 60). It falls under the Red category.
How to use Crimson in web design?
Crimson works well for brand logos, dramatic headers, sale badges. Crimson is a strong, vivid red with a hint of blue. It conveys confidence, passion, and drama, making it ideal for bold statements and premium brands. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Crimson?
Colors that pair well with Crimson include firebrick, indianred, red, maroon, darkred. For a complementary scheme, try #14dbb4. For an analogous scheme, use #db14a0 and #db5014.