Powerful High-Impact Scarlet
Category: Red
Crimson (#DC143C) — Color Codes, Meaning & UI Palettes
Historically derived from the kermes insect, Crimson is a deep, luminous red leaning faintly toward violet. It evokes passion, dramatic urgency, royalty, and high performance.
Click to Copy HEX
Crimson
#DC143C
HEX
#DC143C
RGB
rgb(220, 20, 60)
HSL
hsl(348deg, 83%, 47%)
CMYK (Print)
cmyk(0%, 91%, 73%, 14%)
Apple Display P3
color(display-p3 0.863 0.078 0.235)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
4.99:1 (AA)
Black Text (#000000)
4.21:1 (AA Large)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FDF1F3
100
#F9D9E0
200
#F4B4C1
300
#ED859A
400
#E44C6B
500
#DC143C
600
#B01030
700
#840C24
800
#580818
900
#30040D
950
#1A0207
Color Harmonies & Palette Schemes
Complementary
#14DBB4
Opposite 180° Contrast
Analogous -30°
#DB14A0
Natural Harmony
Analogous +30°
#DB5014
Natural Harmony
Triadic +120°
#3CDB14
120° Balanced Triad
Triadic +240°
#143CDB
120° Balanced Triad
Curated UI Design Pairings for Crimson
A commanding color for primary sales banners, high-urgency notifications, and sport performance branding. Pair with obsidian black or platinum gray.
Jet Obsidian
#0A0B0E
Dramatic Background
Pure Platinum
#F0F2F5
Clean Typography
Deep Burgundy
#800020
Rich Shading Step
Champagne Gold
#F7E7CE
Prestige Accent
Export Crimson Code Snippets
CSS Variable
--color-crimson-color: #DC143C;
Tailwind Config
'crimson-color': '#DC143C'
Swift / SwiftUI
Color(hex: "#DC143C")
JSON Design Token
{"name": "Crimson", "hex": "#DC143C"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.