Crimson

Meet Crimson (#DC143C), a powerful red that commands attention. Its deep, saturated character gives it a distinct visual weight, sitting confidently between a pure red and a rich magenta. This intensity makes it a memorable choice for any design palette.

Crimson
#DC143C
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Crimson?

Crimson is a deep, rich red characterized by a subtle shift towards purple.

Its cool, blue undertones give it a distinct character, setting it apart from warmer, orange-based reds.

What is the meaning of Crimson (#DC143C)?

Historically, the high cost of producing Crimson dye meant it was reserved for the powerful and wealthy, symbolizing nobility, religion, and status.

Psychologically, this intense shade of red, #DC143C, evokes strong feelings of passion, courage, and love, but can also signify danger or anger.

How can I use Crimson in my UI design?

In UI design, Crimson works best as a powerful accent. Use its intensity for critical elements like primary buttons, notifications, or active states to guide user attention. To balance its strength, pair it with deep charcoals, soft off-whites, or a sophisticated navy. Applying the 60-30-10 rule—with Crimson as the impactful 10%—creates a visually stable yet energetic interface.

While not as widespread as other colors, a shade like Crimson (#DC143C) gives brands such as Zomato, ExpressVPN, and Meetup a distinct and confident identity. Its calculated use helps them appear bold and memorable in a crowded field.

You can explore curated palettes, test your color combinations for accessibility, and preview how Crimson performs in real UI components from top brands using the tools below.

Using Crimson color codes?

The most direct way to specify Crimson in digital design is with its hex code, #DC143C. This six-digit code is a web-standard format that provides a consistent color display across different browsers and devices.

While the hex code is standard for web development, your project might require different color models. For instance, RGB (Red, Green, Blue) values are used for digital displays, defining colors by the intensity of light. For print work, you'll need the CMYK (Cyan, Magenta, Yellow, Key/Black) values, which describe the ink mixture on a physical surface.

To make things easy, we've converted Crimson's #DC143C hex code into a range of popular formats. You can find and copy the exact values you need for your project below.

Crimson Code Conversions

HEX
#DC143C
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Crimson Color Harmonies

Analogous

Analogous colors sit next to each other on the color wheel. When paired with Crimson, they form a rich, yet tranquil, color scheme.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Crimson, its complement creates a striking, high-contrast visual effect.

#123456
#123456

Split Complementary

A split complementary scheme pairs Crimson with the two colors adjacent to its direct complement, creating a high-contrast palette with more nuance.

#123456
#123456
#123456

Triadic

A triadic color scheme for Crimson involves selecting two other colors equally spaced on the color wheel, creating a vibrant and balanced high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic color scheme for Crimson involves two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.

#123456
#123456
#123456
#123456

Square

A square color scheme pairs Crimson with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#123456
#123456
#123456
#123456

Crimson Color Variations

Shades

Shades of Crimson are created by adding black, resulting in darker, weightier tones.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Mixing white with Crimson creates tints, which are lighter variations that soften the original hue.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Adding gray to Crimson creates tones, resulting in a softer, more muted appearance.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Crimson, with changes in intensity or temperature affecting visual tone.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Crimson?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion