Periwinkle Blue

The Tenacious Gentleness Extracted from Winter Periwinkle

HEX#6667AB

RGBrgb(102, 103, 171)

HSLhsl(239, 29%, 54%)

HSVhsv(239, 40%, 67%)

CMYKcmyk(40%, 40%, 0%, 33%)

HEXA#6667ABFF

RGBArgba(102, 103, 171, 1)

HSLAhsla(239, 29%, 54%, 1)

OKLCHoklch(75.4%, 0.062, 284)

LCHlch(71%, 27, 275)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#FFFFFFRatio 5.1:1AA

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#F2EFF6Ratio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#DABDDBRatio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#C59697Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#1D1D35

#282848

#35355F

#3F4073

#4A4B87

#57589E

#6869AC

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#7C7C98

#78799B

#76769E

#7273A1

#6F70A5

#6B6CA8

#6869AC

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#25252C

#31323F

#3F3F55

#48496A

#525280

#5B5C9A

#6869AC

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#687AAC

#6874AC

#686EAC

#6869AC

#6C68AC

#7268AC

#7868AC

💡 Use Cases

💻

Tech Brands

Main color for internet tech brands that emphasize innovation and trust, conveying a stable yet flexible brand tone.

📚

Online Education

For educational platforms and stationery, communicating focus, trust, and the inspiration of wisdom.

💆

Psychological Healing

Color choice for consultation rooms or stress-relief toys, using its blue-purple balance to soothe and provide psychological safety.

👗

Office Wear

Knits or suits for professional women, retaining workplace professionalism while adding a touch of liveliness beyond black, white, and gray.

📜 Origin & History

Periwinkle blue is named after the periwinkle plant, which is remarkably resilient and blooms even in harsh winter, often planted in gardens and cemeteries in the West to symbolize loyalty and eternal remembrance.

In the Middle Ages, blue-purple pigments were costly; tones similar to periwinkle blue were often ground from lapis lazuli to paint the robes of the Virgin Mary, signifying holiness, purity, and constancy.

In Victorian mourning jewelry, such blue-purple gemstones represented everlasting remembrance of the departed and love beyond death, giving this hue a melancholic yet steadfast quality.

In 2022, Pantone named 'Very Peri' as its Color of the Year, reflecting global transformation, creativity, and the courage to break boundaries in the post-pandemic era.

As a recent trend color, it blends the trustworthiness of blue with the vitality of purple, seen as a symbol of the integration of digital and physical realms, encouraging bold exploration of the unknown.

🧠 Color Psychology

Trustworthy and ReliableIts blue base retains a sense of rationality and dependability, giving a calm, professional, and reassuring psychological cue.

Vibrant and InnovativeThe infusion of purple breaks the monotony of blue, symbolizing endless creativity and adaptability.

Tenacious and LoyalDerived from the periwinkle’s winter resilience, it embodies unwavering strength and steadfastness.

Forward-LookingIts grayish tone feels technological and futuristic, sparking imagination and curiosity about what lies ahead.

Elegant and IntellectualNeither childish nor outdated, it perfectly balances composure and agility, exuding a refined intelligence.

Calming and SoothingHelps ease anxiety, acting like a rational observer guiding emotions back to a calm track.

← Back to Explore Colors