Pale Cerise is a medium-light, vivid shade in the pink color family, with a warm feel. Its HEX code is #FF7AE4, which equals rgb(255, 122, 228) in RGB and hsl(312, 100%, 74%) in HSL. In print terms it converts to roughly C0 M52 Y11 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF7AE4 - RGB
255, 122, 228 - HSL
312°, 100%, 74% - CMYK
0, 52, 11, 0 - Family
Pink - Tone
Medium-light, vivid
About Pale Cerise
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.16:1. Its complementary color is #7AFF95.
Download Pale Cerise 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 Cerise color codes
| HEX | #FF7AE4 |
|---|---|
| RGB | rgb(255, 122, 228) |
| HSL | hsl(312, 100%, 74%) |
| HSV | 312°, 52%, 100% |
| CMYK | 0%, 52%, 11%, 0% |
| Decimal | 16743140 |
Shades and tints of Pale Cerise
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFE9FB - 100
#FFD3F6 - 200
#FFBDF2 - 300
#FFA6ED - 400
#FF90E9 - 500
#FF7AE4 - 600
#D566BE - 700
#AA5198 - 800
#803D72 - 900
#55294C - 950
#2B1426
Color harmonies for Pale Cerise
- Complementary
#7AFF95≈ Pale Kelly - Analogous −30°
#D77AFF≈ Pale Amethyst - Analogous +30°
#FF7AA2≈ Pale Carmine - Triadic +120°
#E4FF7A≈ Pale Chartreuse - Triadic +240°
#7AE4FF≈ Pale Capri - Split 150°
#A2FF7A≈ Pale Clover - Split 210°
#7AFFD7≈ Aquamarine
Contrast and accessibility of Pale Cerise
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Cerise | Aa | 2.29:1 | Fails |
| Black text on Pale Cerise | Aa | 9.16:1 | AAA (excellent) |
CSS code for Pale Cerise
background-color: #FF7AE4;color: #FF7AE4;background-color: rgb(255, 122, 228);background-color: hsl(312, 100%, 74%);:root { --color-pale-cerise: #FF7AE4; }class="bg-[#FF7AE4]"Colors similar to Pale Cerise
- Pale Raspberry
#FF7AD7 - Pale Fuchsia
#FF7AF2 - Pale Bright Fuchsia
#F288E7 - Violet
#EE82EE - Pale Rose
#FF7ACA - Pale Bright Cerise
#F288DD - Pale Magenta
#FF7AFF - Pale Bright Magenta
#F288F2 - Pale Bright Raspberry
#F288D2 - Pale Orchid
#F27AFF - Pale Bright Orchid
#E788F2 - Pale Bright Rose
#F288C7
More pink shades
- Dark Cerise
#85006A - Deep Cerise
#AD008B - Medium Dark Cerise
#D600AB - Pure Cerise
#FF00CC - Medium Light Cerise
#FF29D4 - Light Cerise
#FF52DC - Very Pale Cerise
#FFA3ED - Palest Cerise
#FFCCF5 - Darkest Bright Cerise
#2E0526 - Very Dark Bright Cerise
#530944 - Dark Bright Cerise
#770D62
Frequently asked questions
What is the HEX code for Pale Cerise?
The HEX code for Pale Cerise is #FF7AE4.
What is the RGB value of Pale Cerise?
Pale Cerise has an RGB value of 255, 122, 228 (rgb(255, 122, 228)). In HSL it is 312°, 100%, 74%.
What text color should I use on Pale Cerise?
Use black text on Pale Cerise. White text has a contrast ratio of 2.29:1 and black text has 9.16:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Cerise?
The complementary color of Pale Cerise is #7AFF95. Analogous colors #D77AFF and #FF7AA2 also pair well.
