Pale Grape is a medium-light, vivid shade in the purple color family, with a cool feel. Its HEX code is #D77AFF, which equals rgb(215, 122, 255) in RGB and hsl(282, 100%, 74%) in HSL. In print terms it converts to roughly C16 M52 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#D77AFF - RGB
215, 122, 255 - HSL
282°, 100%, 74% - CMYK
16, 52, 0, 0 - Family
Purple - Tone
Medium-light, vivid
About Pale Grape
Purple shades blend the stability of blue with the energy of red. They are linked with creativity, luxury and imagination, and give designs a distinctive, premium feel. 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 8.12:1. Its complementary color is #A2FF7A.
Download Pale Grape 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 Grape color codes
| HEX | #D77AFF |
|---|---|
| RGB | rgb(215, 122, 255) |
| HSL | hsl(282, 100%, 74%) |
| HSV | 282°, 52%, 100% |
| CMYK | 16%, 52%, 0%, 0% |
| Decimal | 14121727 |
Shades and tints of Pale Grape
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8E9FF - 100
#F2D3FF - 200
#EBBDFF - 300
#E4A6FF - 400
#DE90FF - 500
#D77AFF - 600
#B366D5 - 700
#8F51AA - 800
#6C3D80 - 900
#482955 - 950
#24142B
Color harmonies for Pale Grape
- Complementary
#A2FF7A≈ Pale Clover - Analogous −30°
#957AFF≈ Pale Ultramarine - Analogous +30°
#FF7AE4≈ Pale Raspberry - Triadic +120°
#FFD77A≈ Pale Tangerine - Triadic +240°
#7AFFD7≈ Aquamarine - Split 150°
#E4FF7A≈ Pale Chartreuse - Split 210°
#7AFF95≈ Pale Kelly
Contrast and accessibility of Pale Grape
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Grape | Aa | 2.59:1 | Fails |
| Black text on Pale Grape | Aa | 8.12:1 | AAA (excellent) |
CSS code for Pale Grape
background-color: #D77AFF;color: #D77AFF;background-color: rgb(215, 122, 255);background-color: hsl(282, 100%, 74%);:root { --color-pale-grape: #D77AFF; }class="bg-[#D77AFF]"Colors similar to Pale Grape
- Pale Amethyst
#CA7AFF - Pale Purple
#E47AFF - Pale Bright Grape
#D288F2 - Pale Bright Purple
#DD88F2 - Pale Bright Amethyst
#C788F2 - Pale Bright Orchid
#E788F2 - Pale Violet
#BD7AFF - Pale Orchid
#F27AFF - Violet
#EE82EE - Light Bright Purple
#D263EE - Light Soft Magenta
#DC74DC - Light Soft Orchid
#D274DC
More purple shades
- Dark Grape
#5D0085 - Deep Grape
#7900AD - Medium Dark Grape
#9600D6 - Pure Grape
#B300FF - Medium Light Grape
#BF29FF - Light Grape
#CB52FF - Very Pale Grape
#E3A3FF - Palest Grape
#F0CCFF - Darkest Bright Grape
#22052E - Very Dark Bright Grape
#3D0953 - Dark Bright Grape
#580D77
Frequently asked questions
What is the HEX code for Pale Grape?
The HEX code for Pale Grape is #D77AFF.
What is the RGB value of Pale Grape?
Pale Grape has an RGB value of 215, 122, 255 (rgb(215, 122, 255)). In HSL it is 282°, 100%, 74%.
What text color should I use on Pale Grape?
Use black text on Pale Grape. White text has a contrast ratio of 2.59:1 and black text has 8.12:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Grape?
The complementary color of Pale Grape is #A2FF7A. Analogous colors #957AFF and #FF7AE4 also pair well.