Periwinkle

A pale violet-blue like periwinkle blossoms, fresh and dreamy

HEX#CCCCFF
RGBrgb(204, 204, 255)
HSLhsl(240, 100%, 90%)
HSVhsv(240, 20%, 100%)
CMYKcmyk(20%, 20%, 0%, 0%)
HEXA#CCCCFFFF
RGBArgba(204, 204, 255, 1)
HSLAhsla(240, 100%, 90%, 1)
OKLCHoklch(93.5%, 0.032, 286)
LCHlch(92.3%, 17.6, 259)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#CCE5FF
Copy
#CCCCFF
Copy
#E5CCFF
Triadic3 hues spaced 120° apart
Copy
#CCCCFF
Copy
#FFCCCC
Copy
#CCFFCC
Split ComplementaryMain color + colors adjacent to its complement
Copy
#CCCCFF
Copy
#FFE6CC
Copy
#E6FFCC
Complementary2 hues spaced 180° apart
Copy
#CCCCFF
Copy
#FFFFCC
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#CCCCFF
Copy
#FFCCE6
Copy
#FFFFCC
Copy
#CCFFE6
MonochromaticSingle hue with varying saturation and lightness
Copy
#0000FF
Copy
#6666FF
Copy
#CCCCFF
Copy
#FFFFFF
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#0000D6Ratio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#7800F0Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#D100D1Ratio 2.9:1Fail
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#FF5C5CRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#00008ACopy
#0000C2Copy
#0000F5Copy
#2929FFCopy
#6161FFCopy
#9999FFCopy
#CCCCFFCopy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#DBDBF0Copy
#D9D9F2Copy
#D6D6F5Copy
#D4D4F7Copy
#D1D1FACopy
#CFCFFCCopy
#CCCCFFCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#30305ACopy
#38388ACopy
#3A3ABBCopy
#4E4EDACopy
#7373EDCopy
#9F9FF9Copy
#CCCCFFCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#CCD9FFCopy
#CCD5FFCopy
#CCD0FFCopy
#CCCCFFCopy
#D0CCFFCopy
#D5CCFFCopy
#D9CCFFCopy

💡 Use Cases

🧚

Dream Filters

Beauty camera settings—achieving luminous skin and elven glitter on hair.

🦄

Unicorn Aesthetics

Children's parties or Instagram cafés—periwinkle treats driving social media打卡.

💄

Blush/Shadow

Lavender blush using complementary color to neutralize yellow tones—popular in Asia.

🎀

JK Pleated Skirts

Periwinkle plaid with silver threads—spinning like kaleidoscopes, the purest school memories.

📜 Origin & History

Periwinkle comes from the five-petaled pale violet-blue flower. In the Middle Ages, this evergreen vine symbolized fidelity and eternity—Dante described it in Paradise's earthly garden.

Victorian floriography considered periwinkle the color of sweet memories of past joys and tender sorrow—leading to 19th-century pressed flower cards using this misty lavender-blue.

In 1950s America, periwinkle became the color of dreamy girlhood. Rockwell's Saturday Evening Post illustrations used this pale purple for girls' wallpaper and ballet tutus—shaping a generation's adolescent color memory.

In digital times, periwinkle's balanced blue-red wavelengths make it popular for virtual idols and VTubers—creating cross-dimensional healing, familiar yet from another world.

🧠 Color Psychology

DreamyLike a soft-focus lens—blurring reality's grain, transporting thoughts to unicorn-cotton-candy fairylands.
SpiritualConnecting crown and third-eye chakras—believed to inspire artistic creativity and supernatural intuition.
PlayfulRejecting adult social rules—preserving untamed creative impulse, like crayon-scrawled walls.
ClingyA soft tactile color—like hugging a plush toy, craving gentle affection.
WistfulBlending adolescent melancholy—like early spring drizzle, poetic and sensitive.
ArtlessNo gender aggression or carnality—Platonic affection, filtering out adult complexity.