Crimson Red

Meet Crimson Red (#B20710), a color that commands attention. Its deep, saturated nature gives it a powerful visual weight, making it a standout choice for creating impactful designs. This isn't your standard red; its specific hue offers a unique intensity.

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

What color is Crimson Red?

Crimson Red is a deep, saturated red with a noticeable blue undertone. This hint of blue pulls it away from a pure, primary red, giving it a cooler temperature and a touch of purplish depth.

Visually, it sits on the cooler side of the red spectrum, appearing more sophisticated and less aggressive than warmer, orange-tinted reds. Its richness comes from high saturation without being overly bright, creating a strong yet composed presence.

What is the meaning of Crimson Red (#B20710) in design?

Crimson Red evokes a spectrum of intense emotions, from passion and love to power and warning. It's a color that commands attention, signifying both courage and a sense of urgency.

Historically, its deep, rich tones were associated with royalty and religious authority, symbolizing status and sacrifice. This connection gives Crimson Red a timeless quality of significance and ceremony.

How can I effectively use Crimson Red in my UI design?

Given its intensity, Crimson Red (#B20710) works exceptionally well as an accent color to guide user attention. Apply it to critical UI elements like call-to-action buttons, error messages, or notifications to create a clear visual hierarchy. For pairings, it contrasts sharply against light neutrals like off-white and soft grays for a clean, modern feel. For a more daring combination, consider a muted, deep teal as a complementary color to produce a vibrant and memorable interface.

While not as widespread as other primary colors in branding, a similar bold red is famously used by companies like Netflix, Chipotle, and The Athletic. These brands use it to project a sense of energy, passion, and confidence. Choosing a distinct color like Crimson Red can help a product stand out and establish a strong, recognizable identity in a crowded market.

You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Crimson Red in real UI components from top-tier apps.

How do I use Crimson Red color codes?

Using Crimson Red in your designs starts with its hex code, #B20710. Its intensity makes it a powerful accent, perfect for drawing focus to key elements without overwhelming the composition.

While hex codes are standard for the web, you will need other formats for different applications. Digital displays rely on RGB (Red, Green, Blue) values to mix light, whereas print production requires CMYK (Cyan, Magenta, Yellow, Key) values for mixing inks.

To make things easier, we've converted #B20710 into a full range of popular formats. You can find and copy the exact codes you need for your project below.

Crimson Red Code Conversions

HEX
#B20710
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 Red Color Harmonies

Analogous

Analogous colors sit next to Crimson Red on the color wheel. This grouping produces a harmonious and tranquil palette for any design project.

#123456
#123456
#123456

Complementary

Complementary colors sit directly opposite each other on the color wheel. For Crimson Red, its complement creates a striking, high-contrast visual pairing.

#123456
#123456

Split Complementary

For Crimson Red, a split complementary palette uses the two colors next to its opposite on the color wheel, offering high contrast with less tension.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. For Crimson Red, this creates a vibrant, high-contrast, and balanced palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme is built from two pairs of complementary colors. With Crimson Red, this creates a balanced and dynamic four-color palette.

#123456
#123456
#123456
#123456

Square

A square scheme pairs Crimson Red with three other colors, all equidistant on the color wheel, for a bold and balanced high-contrast combination.

#123456
#123456
#123456
#123456

Crimson Red Color Variations

Shades

Shades of Crimson Red are made by adding black, giving the color a heavier, deeper feel.

#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

Tints of Crimson Red are lighter values made by adding white for a softer effect.

#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

Tones of Crimson Red are created by adding gray, which softens the color's saturation.

#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 of Crimson Red vary in intensity and temperature, affecting a design's overall feel.

#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 Red?

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