What is color #dc143c?
#dc143c is Crimson, a electric red tone with a hot character. It is often overlooked but richly versatile and carries the mood of power.
Historically, this kind of color traces back to cochineal from the Americas. Today it appears across sports branding and bold logo accents.
To make the most of #dc143c, pair it with a soft neutral to let it breathe, or combine it with analogous neighbors for harmonious palettes.
Conversions for #dc143c
HEX
#dc143c
RGB
220, 20, 60
HSL
348°, 83%, 47%
HSV
348°, 91%, 86%
CMYK
0%, 91%, 73%, 14%
XYZ
30.58, 16.04, 5.76
CIE-Lab
47.03, 70.94, 33.59
Web safe
#cc0033
WCAG accessibility of #dc143c (Crimson)
On white
4.99 : 1
Sample #dc143c
Rating: AA
On black
4.21 : 1
Sample #dc143c
Rating: AA Large
Tones of Crimson (desaturated variations of #dc143c)
Color harmonies for #dc143c
Colors similar to #dc143c
Gradients featuring #dc143c
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #dc143c
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #dc143c
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #dc143c.
const color = "#dc143c";
CSS & Tailwind snippets for #dc143c
Background
.bg-dc143c { background-color: #dc143c; }Text color
.text-dc143c { color: #dc143c; }Border
.border-dc143c { border: 1px solid #dc143c; }Box shadow
.shadow-dc143c { box-shadow: 0 4px 14px #dc143c40; }CSS variable
:root { --color-dc143c: #dc143c; }Tailwind config
colors: {
'crimson': '#dc143c',
}