Figma color wheel
Want to find the perfect complementary or analogous colors to match Hot Magenta?
Hot Magenta is a bold, electrifying hue that blends vibrant pinks with purple hints. It sits between magenta and neon pink on the color wheel and is perfect for making a visual impact. Related shades include fuchsia and hot pink. Use Hot Magenta to add energy and excitement in designs or as a decorative accent.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Raspberry Dream
Neon Petal
Fuchsia Blaze
Hot Magenta is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #FF1DCE
- RGB value: 100.0% red, 11.4% green, 80.8% 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 hot magenta, consider:
- Neon Pink (#FF13F0): Neon Pink bursts with an electrifying hue that matches Hot Magenta's bold vibrancy, capturing the eye with its intense and lively shade of pink.
- Fuchsia (#FF00FF): Fuchsia stands out as an eye-catching shade with its bright tone and bold color presence, resonating closely with Hot Magenta's vibrant pink intensity.
- Magenta (#FD3DB5): Magenta offers a vibrant pink similar to Hot Magenta, delivering an electrifying hue that's perfect for artistic expression and a dynamic color palette.
- Radical Red (#FF355E): While leaning slightly more red, Radical Red brings a bright tone and vivid energy that aligns with Hot Magenta's bold and vivid character.
To complement Hot Magenta, consider pairing it with:
- Lime Green (#89f336): Lime Green contrasts sharply with Hot Magenta’s vividness. This combination creates an energetic and electrifying hue, perfect for a bold and dynamic color palette.
- Cyan (#00FFFF): Cyan’s cool undertones balance Hot Magenta’s warmth. This pair brings a vibrant and refreshing feel, ideal for artistic expression and brightening any design.
- Bright Orange (#FF991C): Bright Orange adds a warm complement to Hot Magenta, heightening its intensity. The result is a lively and striking duo that stands out in any setting.
- Slate Gray (#6D8196): Slate Gray offers a neutral backdrop that lets Hot Magenta pop. Its understated elegance provides a sophisticated contrast, enhancing the overall appeal without competing for attention.
- Mint Green (#ADEBB3): Mint Green softens Hot Magenta’s boldness. This harmonious pairing creates a fresh and vibrant look, perfect for a balanced and playful color palette.
While Hot Magenta is a vibrant and bold color, it may clash with:
- Yellow-Orange (#FFB343): Yellow-orange competes with hot magenta’s intense vibrancy, leading to a visually overwhelming combination.
- Chartreuse (#CCFF00): Chartreuse can overshadow hot magenta with its high brightness, creating a striking but potentially jarring contrast.
- Rust (#B7410E): The earthy tones of rust can dull the energetic vibe of hot magenta, resulting in a discordant blend.
- Dark Green (#06402B): Dark green’s deep richness can make hot magenta appear out of place, as both colors vie for visual dominance.
- Navy Blue (#000080): Navy blue’s deep, strong hue can overpower hot magenta, leading to a palette that feels imbalanced.
Contrast checker
Contrast 3.32
- Large Text
#FF1DCE
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 6.32
- Large Text
#FF1DCE
- 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 #FF1DCE, known as Hot Magenta, has RGB values of R:255, G:29, B:206 and CMYK values of C:0, M:89, Y:19, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #FF1DCE | #FF1DCE |
| RGB DECIMAL | 255, 29, 206 | RGB(255,29,206) |
| RGB PERCENTAGE | 100.0, 11.4, 80.8 | RGB(100.0%,11.4%,80.8%) |
| CMYK | 0, 89, 19, 0 | |
| HSL | HSL(313.0, 100.0%, 55.7%) | HSL(313.0, 100.0%, 55.7%) |
| HSV (OR HSB) | 313.0°, 88.6, 100.0 | |
| WEB SAFE | #25551204 | #25551204 |
| BINARY | 11111111, 00011101, 11001110 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.114, blue: 0.808) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.114, blue: 0.808, alpha: 1) | |
| Android - Compose | Color(0xFFFF1DCE) |
