Skip to main content

Royal purple

Everything you need to know about royal purple to inspire your next design.

Pick a palette type

What color is royal purple?

Royal purple is a luxurious color that blends the sophistication of purple with the tranquility of blue. This cool-toned shade is positioned between violet and blue on the color wheel, embodying both grandiose and calming qualities.

royal purpleroyal purple

What does royal purple look like on digital screens?

Royal purple is defined by the following color codes and values to ensure consistency across various digital platforms and devices.

- HEX code: #6C3BAA

- RGB value: 42.4% red, 23.1% green, and 66.7% blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.

How should I effectively use royal purple in UI design?

Here are some ways to use royal purple in your designs:

  • Create a luxurious feel. Royal purple is naturally associated with luxury and elegance. Use it as a background color for high-end products or services or for branding materials that want to convey a sense of prestige.
  • Highlight important elements. Royal purple stands out well against other colors. Use it for call-to-action buttons, important headers, or other elements you want users to focus on.
  • Add a touch of creativity. Royal purple is a less common color in UI design, so it can help your design stand out from the crowd. Use it as an accent color or in unexpected places to add some personality.

Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.

What are similar colors to royal purple?

For variations within the same majestic spectrum as royal purple, consider:

  • Violet (#7F00FF) is a brighter, cooler purple leaning toward blue.
  • Purple (#9D00FF) is a vivid and more playful hue than royal purple.
  • Neon purple (#8A00C4) is a more electric, eye-catching shade of purple.
  • Indigo (#560591) is a darker, cooler shade with a mysterious and sophisticated feel.

What colors go with royal purple?

To complement royal purple, consider pairing it with:

  • Gold (#EFBF04) is a warm metallic color that adds a touch of luxury when paired with royal purple.
  • Light pink (#FFB5C0) matches with royal purple to create a light and feminine feel.
  • Ivory (#FFFFE3) has a creaminess that softens the richness of royal purple.
  • Bright orange (#FF991C) is visually striking when paired with royal purple.

Other colors worth considering include light and playful hues like lavender and pastel yellow or neutral colors like white and gray for a more balanced design.

What colors conflict with royal purple?

While royal purple is bold, it may clash with:

  • Scarlet (#ED2100) has a warmth that overpowers royal purple’s cool tones, creating a clash.
  • Neon pink (#FF13F0) is highly saturated and competes for attention with royal purple.
  • Cinnamon (#D47E30) is a warm brown that creates a muddy look when paired with cool-toned royal purple.
  • Blue-gray (#6A89A7) is a soft color easily overpowered by royal purple’s intensity.
  • Lime green (#89F336) is an intense color of opposing temperatures, creating an overwhelming contrast.

What does royal purple symbolize? 

Royal purple symbolizes luxury, power, and wealth. It has long been associated with royalty, representing authority and prestige.

In color psychology, the combination of red and blue in royal purple produces an exciting and calming color. The red side encourages ambition and passion, while the blue promotes calmness and focus.

Because of its association with royalty, royal purple is an excellent UI design choice for high-end brands. It can be overwhelming when used too heavily, but when combined with light, neutral hues, the design becomes more balanced.

What’s the history of royal purple? 

Royal purple has a long history that goes back thousands of years. While red and yellow dyes were easily accessible throughout history, producing purple was labor-intensive and costly. Because of its exclusivity, royal purple has traditionally been associated with nobility.

The link between power and prestige persisted for generations. Royalties from Egypt, Rome, and Persia kept purple as an exclusive color by restricting its use to the clothes of high-ranking social members.

Despite the invention of cheaper dyes, royal purple’s historical significance as a symbol of power and wealth endures. We see it not only in logos of established companies like Hallmark and the Premier League but also in those of innovative, modern brands like Yahoo! and Roku.

Color variations

Shades

Tints

Tones

Hues

Color Harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom Palettes

Third Eye

Stardust

Euphoria

Accessibility: Contrast Checker

Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #6C3BAA text on a #FFFFFF background.

7.38:1

WCAG 2.2 Simple Contrast

Normal Text

Pass
AA
4.5:1
Pass
AAA
7:1

Large Text

Pass
AA
3:1
Pass
AAA
4.5:1
Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #6C3BAA text on a #000000 background.

2.84:1

WCAG 2.2 Simple Contrast

Normal Text

Fail
AA
4.5:1
Fail
AAA
7:1

Large Text

Fail
AA
3:1
Fail
AAA
4.5:1

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Color conversion

The hexadecimal color #6C3BAA, known as royal purple, has RGB values of R:108 G:59, B:170 and CMYK values of C:0.36, M:0.65, Y:0, K:0.33.

VALUECSS
HEX6C3BAA#6C3BAA
RGB DECIMAL108, 59, 170RGB(108,59,170)
RGB PERCENTAGE42.4, 23.1, 66.7RGB(42.4%,23.1%,66.7%)
CMYK36, 65, 0, 33
HSL266.5°, 48.5, 44.9HSL(266.5°,48.5%,44.9%)
HSV (OR HSB)266.5°, 65.3, 66.7
WEB SAFE663399#663399
CIE-LAB36.401, 44.35, -51.709
XYZ15.003, 9.218, 39.017
xyY0.237, 0.146, 9.218
CIE-LCH36.401, 68.123, 310.619
CIE-LUV36.401, 11.43, -76.392
HUNTER-LAB30.362, 35.07, -54.938
BINARY01101100, 00111011, 10101010
iOS - SwiftUIColor(red: 0.424, green: 0.231, blue: 0.667)
iOS - UIKitUIColor(red: 0.424, green: 0.231, blue: 0.667, alpha: 1)
Android - ComposeColor(0xFF6C3BAA)