Palest Periwinkle is a very light, vivid shade in the purple color family, with a cool feel. Its HEX code is #E0CCFF, which equals rgb(224, 204, 255) in RGB and hsl(264, 100%, 90%) in HSL. In print terms it converts to roughly C12 M20 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#E0CCFF - RGB
224, 204, 255 - HSL
264°, 100%, 90% - CMYK
12, 20, 0, 0 - Family
Purple - Tone
Very light, vivid
About Palest 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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 14.25:1. Its complementary color is #EBFFCC.
Download Palest 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…
Palest Periwinkle color codes
| HEX | #E0CCFF |
|---|---|
| RGB | rgb(224, 204, 255) |
| HSL | hsl(264, 100%, 90%) |
| HSV | 264°, 20%, 100% |
| CMYK | 12%, 20%, 0%, 0% |
| Decimal | 14732543 |
Shades and tints of Palest Periwinkle
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FAF7FF - 100
#F5EEFF - 200
#F0E6FF - 300
#EADDFF - 400
#E5D5FF - 500
#E0CCFF - 600
#BBAAD5 - 700
#9588AA - 800
#706680 - 900
#4B4455 - 950
#25222B
Color harmonies for Palest Periwinkle
- Complementary
#EBFFCC≈ Palest Apple - Analogous −30°
#CCD1FF≈ Periwinkle - Analogous +30°
#FACCFF≈ Palest Purple - Triadic +120°
#FFE0CC≈ Palest Cinnabar - Triadic +240°
#CCFFE0≈ Palest Jade - Split 150°
#FFFACC≈ Lemon Chiffon - Split 210°
#D1FFCC≈ Palest Green
Contrast and accessibility of Palest Periwinkle
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Periwinkle | Aa | 1.47:1 | Fails |
| Black text on Palest Periwinkle | Aa | 14.25:1 | AAA (excellent) |
CSS code for Palest Periwinkle
background-color: #E0CCFF;color: #E0CCFF;background-color: rgb(224, 204, 255);background-color: hsl(264, 100%, 90%);:root { --color-palest-periwinkle: #E0CCFF; }class="bg-[#E0CCFF]"Colors similar to Palest Periwinkle
- Palest Iris
#DBCCFF - Palest Violet
#E5CCFF - Palest Bright Periwinkle
#E1D1FA - Palest Bright Iris
#DDD1FA - Palest Bright Violet
#E5D1FA - Palest Indigo
#D6CCFF - Palest Bright Indigo
#D9D1FA - Palest Amethyst
#EBCCFF - Palest Bright Amethyst
#EAD1FA - Palest Bright Ultramarine
#D5D1FA - Palest Soft Iris
#DFD6F5 - Palest Soft Periwinkle
#E2D6F5
More purple shades
- Medium Dark Periwinkle
#5600D6 - Pure Periwinkle
#6600FF - Medium Light Periwinkle
#7E29FF - Light Periwinkle
#9752FF - Pale Periwinkle
#AF7AFF - Very Pale Periwinkle
#C8A3FF - Darkest Bright Periwinkle
#15052E - Very Dark Bright Periwinkle
#270953 - Dark Bright Periwinkle
#380D77 - Deep Bright Periwinkle
#49119C - Medium Dark Bright Periwinkle
#5A15C1
Frequently asked questions
What is the HEX code for Palest Periwinkle?
The HEX code for Palest Periwinkle is #E0CCFF.
What is the RGB value of Palest Periwinkle?
Palest Periwinkle has an RGB value of 224, 204, 255 (rgb(224, 204, 255)). In HSL it is 264°, 100%, 90%.
What text color should I use on Palest Periwinkle?
Use black text on Palest Periwinkle. White text has a contrast ratio of 1.47:1 and black text has 14.25:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Periwinkle?
The complementary color of Palest Periwinkle is #EBFFCC. Analogous colors #CCD1FF and #FACCFF also pair well.