Red-violet is a vibrant, bold shade blending red and violet. Located between red and purple on the color wheel, it exudes energy and creativity. Similar shades include magenta and fuchsia. Use red-violet in designs to add flair and dynamism, perfect for fashion and digital art.
Red violet is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #C71585
- RGB value: 78.0% red, 8.2% green, 52.2% 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
For variations within the same spectrum as red violet, consider:
- Mulberry (#C54B8C): Mulberry carries a rich, deep magenta hue with wine tones, closely paralleling the essence of red violet with its vibrant, pinkish-red color.
- Fuchsia (#FF00FF): Fuchsia stands out with its bold, eye-catching magenta shade, matching the energetic and vivid qualities often associated with red violet.
- Amethyst (#9966CC): Amethyst boasts a blend of purple shades and pinkish undertones, sharing a striking resemblance to the nuanced interplay of red and purple found in red violet.
- Magenta (#FD3DB5): Magenta delivers a bright, lively pinkish-red tone, capturing the essence of red violet with its dynamic and vivid appearance.
To complement Red violet, consider pairing it with:
- Lemon (#FFF700): This bright, sunny shade provides a striking contrast to Red violet, making both colors pop while adding a cheerful vibe to your palette.
- Cyan (#00FFFF): As the cooler counterpart to Red violet, Cyan creates a balanced and harmonious look, perfect for dynamic and visually engaging designs.
- Mint Green (#ADEBB3): Mint green's soothing and fresh tone pairs beautifully with Red violet's intensity, crafting a balanced and rejuvenating color palette.
- Mustard Yellow (#FFCE1B): With its warm, rich hue, Mustard Yellow adds depth and warmth alongside Red violet, creating an inviting and vibrant scheme.
While red violet is a striking and vibrant color, it may clash with:
- Neon Green (#2CFF05): Its intense brightness and saturation can create a visually jarring effect with red violet, overwhelming the delicate balance between warmth and coolness.
- Orange (#FFA500): With its warm and bold tone, orange can compete with red violet, leading to a palette that feels overly aggressive rather than harmonious.
- Turquoise (#40E0D0): Turquoise’s cool and vivid nature can starkly contrast with red violet, resulting in a palette that feels disjointed and lacks cohesion.
- Lime Green (#89F336): The high saturation and brightness of lime green can clash with the richness of red violet, creating a visually confusing pairing that lacks balance.
- Yellow (#FFDE21): Yellow’s brightness may overwhelm red violet, creating a tension that detracts from the nuanced depth of red violet, rather than enhancing it.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Vivid Magenta
Raspberry Teal
Berry Blaze
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
5.42:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Fail
- 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.
3.87:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Fail
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #C71585, known as Red violet, has RGB values of R:199, G:21, B:133 and CMYK values of C:0, M:89, Y:33, K:22.
| VALUE | CSS | |
|---|---|---|
| HEX | #C71585 | #C71585 |
| RGB DECIMAL | 199, 21, 133 | RGB(199,21,133) |
| RGB PERCENTAGE | 78.0, 8.2, 52.2 | RGB(78.0%,8.2%,52.2%) |
| CMYK | 0, 89, 33, 22 | |
| HSL | HSL(322.2, 80.9%, 43.1%) | HSL(322.2, 80.9%, 43.1%) |
| HSV (OR HSB) | 322.2°, 89.4, 78.0 | |
| WEB SAFE | #2040153 | #2040153 |
| BINARY | 11000111, 00010101, 10000101 | |
| iOS - SwiftUI | Color(red: 0.780, green: 0.082, blue: 0.522) | |
| iOS - UIKit | UIColor(red: 0.780, green: 0.082, blue: 0.522, alpha: 1) | |
| Android - Compose | Color(0xFFC71585) |
