#dc143c rgb(220, 20, 60) 348°, 83%, 47% Use Crimson in Your Projects
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
Shades & Tints of Crimson
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.crimson-color {
color: #dc143c;
background-color: #dc143c;
}
/* As a CSS custom property */
:root {
--color-crimson: #dc143c;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #3cdb14 and #143cdb.