Pale Magenta is a medium-light, vivid shade in the pink color family, with a warm feel. Its HEX code is #FF7AFF, which equals rgb(255, 122, 255) in RGB and hsl(300, 100%, 74%) in HSL. In print terms it converts to roughly C0 M52 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF7AFF - RGB
255, 122, 255 - HSL
300°, 100%, 74% - CMYK
0, 52, 0, 0 - Family
Pink - Tone
Medium-light, vivid
About Pale Magenta
Pink shades range from soft pastels to vivid magentas. They can feel gentle and romantic or loud and modern, depending on saturation and lightness. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 9.48:1. Its complementary color is #7AFF7A.
Download Pale Magenta as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Pale Magenta color codes
| HEX | #FF7AFF |
|---|---|
| RGB | rgb(255, 122, 255) |
| HSL | hsl(300, 100%, 74%) |
| HSV | 300°, 52%, 100% |
| CMYK | 0%, 52%, 0%, 0% |
| Decimal | 16743167 |
Shades and tints of Pale Magenta
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFE9FF - 100
#FFD3FF - 200
#FFBDFF - 300
#FFA6FF - 400
#FF90FF - 500
#FF7AFF - 600
#D566D5 - 700
#AA51AA - 800
#803D80 - 900
#552955 - 950
#2B142B
Color harmonies for Pale Magenta
- Complementary
#7AFF7A≈ Pale Shamrock - Analogous −30°
#BD7AFF≈ Pale Amethyst - Analogous +30°
#FF7ABD≈ Pale Rose - Triadic +120°
#FFFF7A≈ Pale Citron - Triadic +240°
#7AFFFF≈ Pale Teal - Split 150°
#BDFF7A≈ Pale Spring Bud - Split 210°
#7AFFBD≈ Pale Seafoam
Contrast and accessibility of Pale Magenta
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Magenta | Aa | 2.22:1 | Fails |
| Black text on Pale Magenta | Aa | 9.48:1 | AAA (excellent) |
CSS code for Pale Magenta
background-color: #FF7AFF;color: #FF7AFF;background-color: rgb(255, 122, 255);background-color: hsl(300, 100%, 74%);:root { --color-pale-magenta: #FF7AFF; }class="bg-[#FF7AFF]"Colors similar to Pale Magenta
- Pale Fuchsia
#FF7AF2 - Pale Orchid
#F27AFF - Pale Cerise
#FF7AE4 - Pale Bright Magenta
#F288F2 - Violet
#EE82EE - Pale Purple
#E47AFF - Pale Bright Fuchsia
#F288E7 - Pale Bright Orchid
#E788F2 - Pale Raspberry
#FF7AD7 - Light Bright Magenta
#EE63EE - Pale Bright Cerise
#F288DD - Pale Bright Purple
#DD88F2
More pink shades
- Very Dark Magenta
#5C005C - Dark Magenta Tone
#850085 - Deep Magenta
#AD00AD - Medium Dark Magenta
#D600D6 - Medium Light Magenta
#FF29FF - Light Magenta
#FF52FF - Very Pale Magenta
#FFA3FF - Palest Magenta
#FFCCFF - Darkest Bright Magenta
#2E052E - Very Dark Bright Magenta
#530953 - Dark Bright Magenta
#770D77
Frequently asked questions
What is the HEX code for Pale Magenta?
The HEX code for Pale Magenta is #FF7AFF.
What is the RGB value of Pale Magenta?
Pale Magenta has an RGB value of 255, 122, 255 (rgb(255, 122, 255)). In HSL it is 300°, 100%, 74%.
What text color should I use on Pale Magenta?
Use black text on Pale Magenta. White text has a contrast ratio of 2.22:1 and black text has 9.48:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Magenta?
The complementary color of Pale Magenta is #7AFF7A. Analogous colors #BD7AFF and #FF7ABD also pair well.