Pale Periwinkle is a medium-light, vivid shade in the purple color family, with a cool feel. Its HEX code is #AF7AFF, which equals rgb(175, 122, 255) in RGB and hsl(264, 100%, 74%) in HSL. In print terms it converts to roughly C31 M52 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#AF7AFF - RGB
175, 122, 255 - HSL
264°, 100%, 74% - CMYK
31, 52, 0, 0 - Family
Purple - Tone
Medium-light, vivid
About Pale Periwinkle
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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 7.05:1. Its complementary color is #CAFF7A.
Download Pale Periwinkle 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 Periwinkle color codes
| HEX | #AF7AFF |
|---|---|
| RGB | rgb(175, 122, 255) |
| HSL | hsl(264, 100%, 74%) |
| HSV | 264°, 52%, 100% |
| CMYK | 31%, 52%, 0%, 0% |
| Decimal | 11500287 |
Shades and tints of Pale Periwinkle
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F2E9FF - 100
#E4D3FF - 200
#D7BDFF - 300
#CAA6FF - 400
#BC90FF - 500
#AF7AFF - 600
#9266D5 - 700
#7551AA - 800
#583D80 - 900
#3A2955 - 950
#1D142B
Color harmonies for Pale Periwinkle
- Complementary
#CAFF7A≈ Pale Apple - Analogous −30°
#7A88FF≈ Pale Cobalt - Analogous +30°
#F27AFF≈ Pale Magenta - Triadic +120°
#FFAF7A≈ Pale Cinnabar - Triadic +240°
#7AFFAF≈ Pale Jade - Split 150°
#FFF27A≈ Pale Yellow - Split 210°
#88FF7A≈ Pale Clover
Contrast and accessibility of Pale Periwinkle
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Periwinkle | Aa | 2.98:1 | Fails |
| Black text on Pale Periwinkle | Aa | 7.05:1 | AAA (excellent) |
CSS code for Pale Periwinkle
background-color: #AF7AFF;color: #AF7AFF;background-color: rgb(175, 122, 255);background-color: hsl(264, 100%, 74%);:root { --color-pale-periwinkle: #AF7AFF; }class="bg-[#AF7AFF]"Colors similar to Pale Periwinkle
- Pale Iris
#A27AFF - Pale Violet
#BD7AFF - Pale Bright Periwinkle
#B288F2 - Pale Bright Iris
#A788F2 - Pale Bright Violet
#BD88F2 - Pale Indigo
#957AFF - Pale Amethyst
#CA7AFF - Pale Bright Indigo
#9D88F2 - Pale Bright Amethyst
#C788F2 - Light Bright Amethyst
#B663EE - Light Bright Violet
#A863EE - Light Soft Amethyst
#B374DC
More purple shades
- Dark Periwinkle
#350085 - Deep Periwinkle
#4500AD - Medium Dark Periwinkle
#5600D6 - Pure Periwinkle
#6600FF - Medium Light Periwinkle
#7E29FF - Light Periwinkle
#9752FF - Very Pale Periwinkle
#C8A3FF - Palest Periwinkle
#E0CCFF - Darkest Bright Periwinkle
#15052E - Very Dark Bright Periwinkle
#270953 - Dark Bright Periwinkle
#380D77
Frequently asked questions
What is the HEX code for Pale Periwinkle?
The HEX code for Pale Periwinkle is #AF7AFF.
What is the RGB value of Pale Periwinkle?
Pale Periwinkle has an RGB value of 175, 122, 255 (rgb(175, 122, 255)). In HSL it is 264°, 100%, 74%.
What text color should I use on Pale Periwinkle?
Use black text on Pale Periwinkle. White text has a contrast ratio of 2.98:1 and black text has 7.05:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Periwinkle?
The complementary color of Pale Periwinkle is #CAFF7A. Analogous colors #7A88FF and #F27AFF also pair well.