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.

What color is Royal Red?

What is the meaning of Royal Red?

How do I use Royal Red (#9B1C31) in UI design?

Using Royal Red color codes

Royal Red

#9B1C31

Access our full UI & UX library today.

What color is Royal Red?

What is the meaning of Royal Red?

How do I use Royal Red (#9B1C31) in UI design?

Using Royal Red color codes

Royal Red Code Conversions

HEX

#9B1C31

LAB

34, 51, 22

RGB

155, 28, 49

XYZ

14.5, 8.0, 3.7

HSL

350°, 69%, 36%

LCH

34, 56, 23°

HSB

350°, 82%, 61%

LUV

34, 88, 12

CMYK

0, 82, 68, 39

CMYK

0, 82, 68, 39

HWB

350°, 11%, 39%

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.

#9B1C71

#9B1C31

#9B471C

#9B1C71

#9B1C31

#9B471C

Complementary

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

#9B1C31

#1C9B86

#9B1C31

#1C9B86

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.

#9B1C31

#1C9B47

#1C709B

#9B1C31

#1C9B47

#1C709B

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.

#9B1C31

#319B1C

#1C319B

#9B1C31

#319B1C

#1C319B

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.

#9B1C31

#709B1C

#1C9B86

#461C9B

#9B1C31

#709B1C

#1C9B86

#461C9B

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.

#9B1C31

#709B1C

#1C9B86

#461C9B

#9B1C31

#709B1C

#1C9B86

#461C9B

Royal Red Contrast Simulation

Text Color

#

Background Color

#

8.06

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

8.06

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Royal Red Color Variations

Shades

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

#9B1C31

#85182A

#6F1423

#59101C

#420C15

#2C080E

#160407

#000000

#9B1C31

#85182A

#6F1423

#59101C

#420C15

#2C080E

#160407

#000000

Tints

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

#9B1C31

#A93C4E

#B85D6C

#C67D89

#D49EA7

#E2BEC4

#F1DFE2

#FFFFFF

#9B1C31

#A93C4E

#B85D6C

#C67D89

#D49EA7

#E2BEC4

#F1DFE2

#FFFFFF

Tones

Tones of Royal Red are created by adding gray, resulting in softer, more subdued variations.

#9B1C31

#972A3C

#933948

#8F4753

#8C555E

#886369

#847275

#808080

#9B1C31

#972A3C

#933948

#8F4753

#8C555E

#886369

#847275

#808080

Hues

Hues are variations of Royal Red, differing in intensity and temperature to create distinct moods.

#9B1C31

#9B661C

#709B1C

#1C9B27

#1C9B86

#1C519B

#461C9B

#9B1C90

#9B1C31

#9B661C

#709B1C

#1C9B27

#1C9B86

#1C519B

#461C9B

#9B1C90

What Interfaces 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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox