Violet red is a lively, bold color sitting between red and magenta on the color wheel, blending a vivid pinkish-purple hue. It evokes passion and creativity. Variants include medium violet red and dark violet red. Use it in design to add vibrant energy and a sense of excitement.
Violet red is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #F75394
- RGB value: 96.9% red, 32.5% green, 58.0% 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 violet red, consider:
- Rose Red (#FA003F): Rose Red offers a vivid intensity similar to Violet Red, blending deep red with hints of pink to create a striking hue.
- Cherry (#D20A2E): Cherry presents a bold, lively shade that mirrors the vibrant red-pink combination found in Violet Red, making it a rich, eye-catching counterpart.
- Amaranth (#E83256): With its mix of red and pink undertones, Amaranth reflects a passionate and dynamic hue closely aligning with Violet Red’s lively essence.
- Crimson Red (#B22222): Crimson Red features a strong, deep red tone enriched with pinkish elements, capturing the vibrant, energetic qualities of Violet Red.
To complement Violet red, consider pairing it with:
- Mint Green (#ADEBB3): This fresh, soothing hue contrasts beautifully with the richness of Violet red, creating an energetic yet harmonious look.
- Soft Pink (#E89EB8): Soft Pink offers a gentle, romantic counterpart to Violet red's intensity, producing a balanced and cohesive color scheme.
- Sky Blue (#82C8E5): Sky Blue introduces a calming, airy effect that complements Violet red's vibrancy, providing an eye-catching yet peaceful palette.
- Mustard Yellow (#FFCE1B): Mustard Yellow's warm, bold tone enhances Violet red's depth, adding an unexpected and lively pop of color.
While Violet red is dynamic and vibrant, it may clash with:
- Emerald Green (#00674F): Its rich, green tone can create an unsettling combination with Violet red’s warm hue, leading to a palette that feels visually intense and dissonant.
- Neon Pink (#FF13F0): Both colors share boldness, but their high saturation and slightly differing undertones may compete rather than complement, creating a jarring visual experience.
- Aqua (#00FFF0): The bright, cool nature of Aqua contrasts starkly with the warm, vibrant Violet red, resulting in a clashing palette that might be hard on the eyes.
- Forest Green (#2E6F40): This deep, earthy green can overshadow Violet red's lively warmth, leading to a combination that feels heavy and unbalanced.
- Yellow (#FFDE21): The vibrant intensity of Yellow can overpower and clash with Violet red, resulting in a pairing that is overwhelmingly vibrant and difficult to harmonize.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Petal Ballet
Bubblegum Meadow
Coral Breeze
Contrast checker
Contrast 3.17
- Large Text
#F75394
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 6.62
- Large Text
#F75394
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #F75394, known as Violet red, has RGB values of R:247, G:83, B:148 and CMYK values of C:0, M:66, Y:40, K:3.
| VALUE | CSS | |
|---|---|---|
| HEX | #F75394 | #F75394 |
| RGB DECIMAL | 247, 83, 148 | RGB(247,83,148) |
| RGB PERCENTAGE | 96.9, 32.5, 58.0 | RGB(96.9%,32.5%,58.0%) |
| CMYK | 0, 66, 40, 3 | |
| HSL | HSL(336.2, 91.1%, 64.7%) | HSL(336.2, 91.1%, 64.7%) |
| HSV (OR HSB) | 336.2°, 66.4, 96.9 | |
| WEB SAFE | #255102153 | #255102153 |
| BINARY | 11110111, 01010011, 10010100 | |
| iOS - SwiftUI | Color(red: 0.969, green: 0.325, blue: 0.580) | |
| iOS - UIKit | UIColor(red: 0.969, green: 0.325, blue: 0.580, alpha: 1) | |
| Android - Compose | Color(0xFFF75394) |
