Red Violet

Meet Red Violet (#C71585), a saturated hue that confidently occupies the space between magenta and purple. Its striking character comes from a balanced fusion of warm red and cool violet, creating a color that is both intense and sophisticated.

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

What color is Red Violet?

Red Violet is a tertiary color sitting squarely between red and purple. It possesses the assertive warmth of red, tempered by the cool depth of violet, creating a saturated hue that often reads as a deep, vibrant magenta.

Its character is defined by this balance; depending on its value and saturation, it can shift from a bright, almost electric fuchsia to a more subdued and stately shade with pronounced purple undertones.

What is the meaning of the color Red Violet (#C71585)?

Historically associated with royalty and passion, Red Violet (#C71585) blends red's energy with violet's nobility to evoke feelings of romance, creativity, and desire.

Symbolically, it represents ambition and luxury, making a bold, sophisticated statement that commands attention.

What are the best practices for using Red Violet in UI design?

Red Violet’s intensity makes it a powerful accent color. Use #C71585 for key interface elements like buttons or notification badges to guide user attention, especially against neutral backdrops like white or charcoal. For a balanced palette, pair it with analogous shades of magenta and purple, or create a striking effect by contrasting it with a vibrant chartreuse green.

While not a dominant color in the branding world, shades similar to Red Violet feature prominently in the gradients of major apps like Instagram. Its relative rarity presents an opportunity; using #C71585 can help a product establish a distinct and memorable visual identity that stands apart from competitors.

To see how Red Violet works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility compliance, and preview #C71585 applied to real UI components from top brands.

How do I use the Red Violet color codes?

When working with Red Violet, its hex code #C71585 is your starting point. Because of its high saturation, it makes a powerful accent color. Consider its intensity when applying it across your work to avoid overwhelming the composition.

Design projects often require different color models depending on the final medium. You can convert the HEX code into other formats like RGB (for digital screens), CMYK (for print materials), or HSL (for intuitive adjustments to hue, saturation, and lightness). Each code represents the same color but is structured for a specific purpose.

To help you get started, we've converted #C71585 to a range of popular formats. You can find and copy these values directly from the tables below.

Red Violet Code Conversions

HEX
#C71585
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

Red Violet Color Harmonies

Analogous

By selecting colors adjacent to Red Violet on the color wheel, you create an analogous palette. These combinations are known for their pleasing, low-contrast harmony.

#123456
#123456
#123456

Complementary

Complementary colors sit directly opposite each other on the color wheel. For Red Violet, this pairing creates a striking, high-contrast visual effect.

#123456
#123456

Split Complementary

A split complementary scheme for Red Violet uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.

#123456
#123456
#123456

Triadic

Triadic schemes pair three colors from equidistant points on the color wheel. Starting with Red Violet, the result is a high-contrast and harmonious combination.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Red Violet uses two pairs of complementary colors, forming a rectangle on the color wheel for a rich, four-color palette.

#123456
#123456
#123456
#123456

Square

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

#123456
#123456
#123456
#123456

Red Violet Color Variations

Shades

Shades are darker versions of Red Violet, made by adding black for a weightier 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 are lighter versions of Red Violet, created by adding white for a softer 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

Tones

Adding gray to Red Violet creates tones, resulting in a softer, less saturated color.

#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 Red Violet, differing in intensity or 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 Red Violet?

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