Royal Red

Meet Royal Red (#9B1C31), a color defined by its profound depth and rich saturation. This striking shade of red commands attention not with bright intensity, but with a confident, composed presence that adds a layer of sophistication to any design palette.

Royal Red
#9B1C31
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Royal Red?

Royal Red is a deep, saturated shade of red with a noticeable cool, blue undertone. This gives it a sophisticated, almost berry-like quality that distinguishes it from warmer, orange-based reds.

Visually, it occupies a space between a classic crimson and a dark maroon, yet it maintains a certain vibrancy that prevents it from appearing muted.

What is the meaning of Royal Red (#9B1C31)?

Royal Red is historically tied to power, nobility, and courage. It’s a color of profound duality, symbolizing everything from passionate love to the sacrifices of war.

The color’s intensity creates a strong emotional response, grabbing attention and conveying a message of great importance.

How can I use Royal Red in my UI design?

In design, Royal Red works best as a powerful accent. Pair #9B1C31 with light neutrals like off-white or cool grays to create a sharp, clean contrast that guides the user’s eye. For a more adventurous palette, consider a triadic color scheme with a deep teal and a muted gold. Applying the 60-30-10 rule—where Royal Red serves as the 10% accent for buttons, links, or icons—can create a balanced and impactful interface.

You won't find this exact shade in every brand's style guide, which gives it an air of distinction. While not a perfect match, companies like IPSY have built memorable identities around similarly bold, saturated reddish tones. The relative rarity of Royal Red means it can help a product stand out and appear more unique in a crowded market.

To see how #9B1C31 performs in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Royal Red in real UI components from leading apps.

Using Royal Red color codes

Using Royal Red in your digital work is straightforward with its hex code, #9B1C31. This is the standard for specifying color in CSS, Figma, and other design tools, giving you exact consistency across screens.

Different mediums, however, call for different color codes. For print, you'll need the CMYK values that dictate ink combinations. For digital displays, RGB defines the color using red, green, and blue light. Other models like HSL offer a more intuitive way to modify color based on hue, saturation, and lightness, while spaces like LAB, LCH, and XYZ are important for device-independent color and achieving perceptually uniform results.

To make your job easier, we’ve prepared the conversions for #9B1C31 into a range of popular formats. Simply find the code you need below and copy it for your project.

Royal Red Code Conversions

HEX
#9B1C31
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

Royal Red Color Harmonies

Analogous

Analogous colors are found next to Royal Red on the color wheel. This combination creates a harmonious and visually pleasing palette, often perceived as serene.

#123456
#123456
#123456

Complementary

To find Royal Red's complements, look directly across the color wheel. These opposing hues create a striking visual tension and maximum vibrancy.

#123456
#123456

Split Complementary

Split complementary colors for Royal Red offer a vibrant yet balanced palette. They use the two colors adjacent to its direct complement for high contrast with less tension.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues equidistant on the color wheel. With Royal Red as a base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Royal Red uses 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 uses four colors evenly spaced on the color wheel. With Royal Red as the base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456
#123456

Royal Red Color Variations

Shades

Shades are darker versions of Royal Red, created by adding black for more depth and weight.

#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

By mixing white with Royal Red, you create tints—lighter variations that add softness.

#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 Royal Red are created by adding gray, resulting in softer, more subdued variations.

#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 Royal Red, differing in intensity and temperature to create distinct moods.

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

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

All Brands That Use Colors Like Royal Red

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