Pure Periwinkle is a medium, vivid shade in the purple color family, with a cool feel. Its HEX code is #6600FF, which equals rgb(102, 0, 255) in RGB and hsl(264, 100%, 50%) in HSL. In print terms it converts to roughly C60 M100 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#6600FF - RGB
102, 0, 255 - HSL
264°, 100%, 50% - CMYK
60, 100, 0, 0 - Family
Purple - Tone
Medium, vivid
About Pure 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 white is the most readable choice on this color, with a contrast ratio of 6.98:1. Its complementary color is #99FF00.
Download Pure 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…
Pure Periwinkle color codes
| HEX | #6600FF |
|---|---|
| RGB | rgb(102, 0, 255) |
| HSL | hsl(264, 100%, 50%) |
| HSV | 264°, 100%, 100% |
| CMYK | 60%, 100%, 0%, 0% |
| Decimal | 6684927 |
Shades and tints of Pure Periwinkle
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6D5FF - 100
#CCAAFF - 200
#B380FF - 300
#9955FF - 400
#802BFF - 500
#6600FF - 600
#5500D5 - 700
#4400AA - 800
#330080 - 900
#220055 - 950
#11002B
Color harmonies for Pure Periwinkle
- Complementary
#99FF00≈ Pure Apple - Analogous −30°
#0019FF≈ Blue - Analogous +30°
#E600FF≈ Pure Orchid - Triadic +120°
#FF6600≈ Pumpkin - Triadic +240°
#00FF66≈ Spring Green - Split 150°
#FFE600≈ Pure Gold - Split 210°
#1AFF00≈ Pure Clover
Contrast and accessibility of Pure Periwinkle
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Periwinkle | Aa | 6.98:1 | AA (good) |
| Black text on Pure Periwinkle | Aa | 3.01:1 | AA Large only |
CSS code for Pure Periwinkle
background-color: #6600FF;color: #6600FF;background-color: rgb(102, 0, 255);background-color: hsl(264, 100%, 50%);:root { --color-pure-periwinkle: #6600FF; }class="bg-[#6600FF]"Colors similar to Pure Periwinkle
- Pure Iris
#4D00FF - Pure Violet
#7F00FF - Ultramarine
#3F00FF - Bright Periwinkle
#6B19E6 - Medium Dark Violet
#6B00D6 - Bright Iris
#5719E6 - Medium Dark Periwinkle
#5600D6 - Bright Violet
#7F19E6 - Pure Indigo
#3300FF - Medium Dark Amethyst
#8100D6 - Pure Amethyst
#9900FF - Medium Light Iris
#6929FF
More purple shades
- Amethyst
#9966CC - Darkest Periwinkle
#140033 - Very Dark Periwinkle
#25005C - Dark Periwinkle
#350085 - Deep Periwinkle
#4500AD - Medium Dark Periwinkle
#5600D6 - Medium Light Periwinkle
#7E29FF - Light Periwinkle
#9752FF - Pale Periwinkle
#AF7AFF - Very Pale Periwinkle
#C8A3FF - Palest Periwinkle
#E0CCFF
Frequently asked questions
What is the HEX code for Pure Periwinkle?
The HEX code for Pure Periwinkle is #6600FF.
What is the RGB value of Pure Periwinkle?
Pure Periwinkle has an RGB value of 102, 0, 255 (rgb(102, 0, 255)). In HSL it is 264°, 100%, 50%.
What text color should I use on Pure Periwinkle?
Use white text on Pure Periwinkle. White text has a contrast ratio of 6.98:1 and black text has 3.01:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Periwinkle?
The complementary color of Pure Periwinkle is #99FF00. Analogous colors #0019FF and #E600FF also pair well.