Crimson Color Code: HEX Code & RGB Code Values

Looking for specific crimson color code? Get exact crimson hex code #DC143C and crimson RGB code rgb(220,20,60). Complete color information for design and development projects featuring this rich, vibrant red.

HEX#DC143C

RGBrgb(220,20,60)

Shades of Crimson

Create custom shades of crimson with our color generator. Adjust hues, tints, and tones to find the perfect shade of crimson for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 3B82F6

  rgb(59, 130, 246)
• 376BC8

  rgb(55, 107, 200)
• 31559D

  rgb(49, 85, 157)
• 294073

  rgb(41, 64, 115)
• 202C4C

  rgb(32, 44, 76)
• 151928

  rgb(21, 25, 40)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 3B82F6

  rgb(59, 130, 246)
• 6D95F8

  rgb(109, 149, 248)
• 91A9FA

  rgb(145, 169, 250)
• AFBEFC

  rgb(175, 190, 252)
• CBD3FD

  rgb(203, 211, 253)
• E5E9FE

  rgb(229, 233, 254)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 3B82F6

  rgb(59, 130, 246)
• 5082E9

  rgb(80, 130, 233)
• 6182D7

  rgb(97, 130, 215)
• 6F83C4

  rgb(111, 131, 196)
• 7983B0

  rgb(121, 131, 176)
• 80849B

  rgb(128, 132, 155)
• 808080

  rgb(128, 128, 128)

Crimson Palette

Explore curated and automatically generated color palettes featuring crimson. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#DAF1FF

Light

#ACD2F3

Medium Light

#7AB5E7

Medium

#3498DB

Medium Dark

#2B6F9F

Dark

#214967

Darkest

#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#3498DB

Left Dark

#76AEE2

Left Medium

#A4C5E9

Left Light

#CEDDEF

Neutral

#F5F5F5

Right Light

#F5D5C3

Right Medium

#F1B593

Right Dark

#E89664

Complementary End

#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#A9CAED

Medium

#3498DB

Dark

#004D89

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#34DB77

Left Adjacent 1

#34DBCB

Main

#3498DB

Right Adjacent 1

#3445DB

Right Adjacent 2

#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#3498DB

Complementary

#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#3498DB

Secondary

#DB3498

Tertiary

#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#3498DB

Right 90°

#CB34DB

Complementary

#DB7734

Left 90°

#45DB34

Tetradic

Two pairs of complementary colors

4 colors

Main

#3498DB

Secondary

#7734DB

Complementary

#DB7734

Complementary Secondary

#98DB34

Split Complementary

Complementary colors ±30°

3 colors

Main

#3498DB

Split Left

#DB3444

Split Right

#DBCB34

Cyclic

Circular gradient for periodic data

8 colors

0°

#3498DB

45°

#4D34DB

90°

#CB34DB

135°

#DB346E

180°

#DB7734

225°

#C2DB34

270°

#45DB34

315°

#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A2B6C3

Pastel 1

#AFBFCB

Pastel 2

#BBC9D3

Pastel 3

#C7D3DB

Pastel 4

#D4DDE3

Deep Pastel

#E0E7EB

Common Red Color Codes (HEX & RGB)

Red →

HEX:#FF0000

RGB:rgb(255, 0, 0)

Dark Red →

HEX:#8B0000

RGB:rgb(139, 0, 0)

Blood Red →

HEX:#880808

RGB:rgb(136,8,8)

Maroon →

HEX:#800000

RGB:rgb(128, 0, 0)

Burgundy →

HEX:#800020

RGB:rgb(128, 0, 32)

Crimson →

HEX:#DC143C

RGB:rgb(220, 20, 60)

Extract Crimson Hex & RGB Codes from Image

Upload a photo to find the exact crimson HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Crimson Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for crimson shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #ECB12E
• RGB:
  rgb(236, 177, 46)
• CMYK:
  cmyk(0%, 25%, 81%, 7%)
• HSV:
  hsv(41°, 81%, 93%)
• HSL:
  hsl(41°, 83%, 55%)

---

What is Crimson?

Crimson is a deep, vivid red with a subtle bluish undertone that sets it apart from pure red. The word "crimson" comes from the Old Spanish cremesin, derived from the Arabic qirmiz, referring to the kermes insect that was historically harvested to produce a rich red dye. For centuries, crimson dye was one of the most prized and expensive colorants in the world, reserved for royalty, religious garments, and the highest ranks of society.

In the RGB color space, crimson is represented as rgb(220, 20, 60), meaning it contains a dominant red component with very little green and a moderate amount of blue. This combination gives crimson its characteristic depth and richness compared to brighter, warmer reds like scarlet. In print and design, the CMYK equivalent highlights magenta as the dominant pigment, making crimson reproduce beautifully in both digital and physical formats.

Crimson vs Other Reds

Crimson is often compared to similar red shades, but each has distinct characteristics:

Color	HEX Code	Key Difference
Crimson	#DC143C	Deep red with blue undertone, cool and sophisticated
Scarlet	#FF2400	Bright orange-red, warmer and more energetic
Burgundy	#800020	Darker, more purple-brown, wine-like
Cardinal Red	#C41E3A	Slightly brighter and warmer than crimson
Ruby Red	#9B111E	Darker and more muted, jewel-toned

Crimson strikes a perfect balance between the excitement of red and the elegance of deeper tones. It is less aggressive than scarlet but more vibrant than burgundy, making it versatile for both bold statements and refined designs.

Color Psychology and Meaning

Crimson carries powerful psychological associations. As a shade of red, it evokes passion, energy, and determination. However, its deeper, cooler undertone adds layers of sophistication, nobility, and seriousness that pure red lacks.

In different cultures and contexts, crimson symbolizes:

• Power and prestige: Used in academic robes, royal garments, and ceremonial attire
• Love and passion: A romantic alternative to bright red, suggesting deeper, more mature affection
• Courage and sacrifice: Associated with blood and bravery in heraldry and military insignia
• Warning and urgency: Frequently used in stop signs, error messages, and alert indicators

For brands and designers, choosing crimson over bright red signals a more refined, established identity while still commanding attention and conveying energy.

Using Crimson in Design

Crimson works exceptionally well across various design disciplines when applied thoughtfully:

Web and UI Design: Crimson makes an excellent accent color for call-to-action buttons, headers, and notification badges. On white or light backgrounds, it provides high contrast without the harshness of pure red. For dark mode interfaces, lighter crimson tints offer warmth and readability.

Graphic Design: Crimson pairs beautifully with neutral tones like ivory, charcoal, and taupe for elegant layouts. It creates striking contrast with teal, navy blue, or forest green for more dynamic compositions. Gold and cream accents elevate crimson to a luxurious, premium aesthetic.

Fashion and Interior Design: In fashion, crimson conveys confidence and sophistication — think evening gowns, ties, and statement accessories. In interiors, crimson works well as an accent wall or in soft furnishings like cushions and curtains, adding warmth without overwhelming a space.

Brand Identity: Many prestigious institutions use crimson in their branding, including Harvard University ("Harvard Crimson"), the University of Alabama, and numerous sports teams. The color communicates tradition, excellence, and authority.

Color Harmony and Combinations

Understanding how crimson interacts with other colors helps create balanced, professional palettes:

• Monochromatic: Pair crimson with lighter tints (pink) and darker shades (maroon) for depth
• Complementary: Teal or cyan (#008080 range) creates maximum visual contrast
• Analogous: Rose and magenta tones build a warm, cohesive palette
• Triadic: Crimson, lime green, and cobalt blue form a bold, energetic combination
• Neutral grounding: Beige, cream, grey, and black let crimson stand out without competing

For web accessibility, test crimson's contrast ratio against backgrounds. Crimson (#DC143C) on white achieves approximately 4.6:1 contrast, meeting WCAG AA standards for large text but falling short for small body text. Use a darker crimson variant or bold font weight to improve readability when needed.

Frequently Asked Questions

What is the exact crimson hex code?

The standard crimson hex code is #DC143C. This value is widely recognized across design software including Adobe Photoshop, Illustrator, Figma, and CSS frameworks.

What colors go well with crimson?

Crimson pairs well with neutrals (white, cream, charcoal, beige), cool tones (teal, navy, sage green), and metallics (gold, bronze). For a bold palette, combine crimson with mustard yellow or royal blue.

Is crimson the same as maroon?

No. Crimson (#DC143C) is a bright, bluish-red, while maroon (#800000) is a dark brownish-red. Crimson is noticeably lighter and more vibrant.

What is the RGB code for crimson?

The crimson RGB code is rgb(220, 20, 60) — red: 220, green: 20, blue: 60.

What is the CMYK value for crimson?

The crimson CMYK value is approximately C:0, M:91, Y:73, K:14, making it a cool, magenta-dominant red ideal for print.

Can crimson be used as a background color?

Crimson can be used as a background or accent, but for large background areas, consider softer tints or pair crimson with neutral colors to maintain visual comfort and readability.