15 Different Shades of Crimson (+ HEX codes)

Explore all shades of crimson, from lighter to darker shades. See HEX codes, shade names, and crimson color palettes. Click any shade to copy its HEX code.

Crimson is red with a touch of blue, which keeps it sharp instead of tomato-warm. Sport, politics and premium spirits all reach for it.

It is loud by design: give it one job on the page — the call to action, the headline, the logo — and leave the rest neutral.

wisp pink
#fdecf0
classic rose
#fbd5dd
cupid
#f9beca
illusion
#f7a7b7
mauvelous
#f590a4
froly
#f37991
french rose
#ee4b6b
amaranth
#ec3459
crimson
#ea1d46
shiraz
#ab102f
monarch
#940e29
cab sav
#66091c
bulgarian rose
#4f0716
sepia black
#200309
creole
#090103

Crimson: HEX & RGB Codes

crimson has the following primary color codes:

HEX: #fdecf0
RGB: (253, 236, 240).

Explore a wide range of crimson shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of crimson

Wisp Pink
#fdedf0
Wisp Pink
#fdedf0
Carousel Pink
#fdf2f4
Wisp Pink
#fef1f3
Wisp Pink
#fef6f7
Wisp Pink
#fef6f8
Wisp Pink
#fef6f8
Fantasy
#fefbfb
Lavender blush
#fffafb
White
#ffffff

Explore shades of crimson

Aubergine
#340913
Wine Berry
#4c1522
Tawny Port
#642634
Lotus
#7e3a4a
Au Chico
#965464
Turkish Rose
#b07381
Oriental Pink
#c997a2
Cavern Pink
#e4bec8

crimson in HEX, RGB, HSL and CMYK

HEX	#DC143C
RGB	rgb(220, 20, 60)
HSL	hsl(348, 83%, 47%)
CMYK	cmyk(0%, 91%, 73%, 14%)

Tints and shades of crimson

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#ec2e54
#ef5473
#f37a92
#f6a0b1
#fac6d1
#fdecf0

Shades (darker)

#ba1133
#980e2a
#770b21
#560817
#34050e
#130205

Colours that work with crimson

Complementary

#DC143C #14dbb4

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#db14a0 #DC143C #db5014

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#DC143C #3cdb14 #143cdb

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on crimson

Example Primary text

White text on crimson4.99:1AA

Example Primary text

Near-black text on crimson3.56:1Large text only

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

crimson shade chart

Shade chart showing five steps of crimson, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.