Lavender

A gentle morning mist hue like lavender fields

HEX#B39EB5
RGBrgb(179, 158, 181)
HSLhsl(295, 13%, 66%)
HSVhsv(295, 13%, 71%)
CMYKcmyk(1%, 13%, 0%, 29%)
HEXA#B39EB5FF
RGBArgba(179, 158, 181, 1)
HSLAhsla(295, 13%, 66%, 1)
OKLCHoklch(86.6%, 0.022, 323)
LCHlch(84.2%, 10, 264)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#A69DB4
Copy
#B39EB5
Copy
#B49DAA
Triadic3 hues spaced 120° apart
Copy
#B39EB5
Copy
#B4B29D
Copy
#9DB4B2
Split ComplementaryMain color + colors adjacent to its complement
Copy
#B39EB5
Copy
#AAB49D
Copy
#9DB4A6
Complementary2 hues spaced 180° apart
Copy
#B39EB5
Copy
#9FB49D
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#B39EB5
Copy
#B4A69D
Copy
#9FB49D
Copy
#9DAAB4
MonochromaticSingle hue with varying saturation and lightness
Copy
#493A4B
Copy
#826685
Copy
#B39EB5
Copy
#DFD7E0
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 2.5:1Fail
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FFFFFFRatio 2.5:1Fail
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#FFFFFFRatio 2.5:1Fail
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#E7E6DFRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#392C3ACopy
#4C3C4ECopy
#634E65Copy
#7A5F7CCopy
#907292Copy
#A086A2Copy
#B29DB4Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#ACA4ADCopy
#ADA2AECopy
#AEA1AFCopy
#AFA0B0Copy
#B0A0B1Copy
#B19EB3Copy
#B29DB4Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#353135Copy
#484148Copy
#5E535FCopy
#756576Copy
#8C768FCopy
#9E88A0Copy
#B29DB4Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#AC9DB4Copy
#AE9DB4Copy
#B09DB4Copy
#B29DB4Copy
#B49DB4Copy
#B49DB2Copy
#B49DB0Copy

💡 Use Cases

🛏️

Bedroom Linens

Using lavender in bedding and curtains aids relaxation before sleep, improving sleep quality and emotional comfort.

🧴

Fragrance Products

Visual design for lavender-scented products reinforces therapeutic positioning and natural impressions.

👶

Baby Products

Soft colors suit nursery decor and toy design, creating a safe and warm environment for growth.

🌸

Floral Design

Paired with white or pink flowers for bridal bouquets or spring table arrangements, fresh and elegant.

📜 Origin & History

In traditional Chinese colors, lavender is called 'lotus-root,' derived from the slight purple at the tips of lotus petals, commonly seen as subtle decorative borders on Song dynasty ceramics.

Ming literati associated lavender with reclusive elegance, often appearing as distant mountain shadows in ink paintings, expressing the lofty character of 'emerging unstained from mud.

The Qing dynasty text Yangzhou Huafang Lu records lavender as one of the 'jade colors,' frequently used for young ladies' gauze garments, implying gentle and reserved femininity.

In modern design, lavender has been rediscovered as a healing color, combined with lavender aromatherapy to become a visual symbol of stress relief.

🧠 Color Psychology

GentleLow-saturation purple conveys inclusiveness and care, making one feel nurtured and reducing psychological defenses.
PeacefulIts mist-like visual texture guides the mind toward tranquility, ideal for moments requiring relaxation and reflection.
RomanticAssociations with lavender fields evoke poetic romance, stimulating a delicate appreciation for life's beauty.
SoftVisually close to pastels, it gives an approachable, non-aggressive psychological impression.
NostalgicThe gentle hue easily recalls childhood or fond memories, carrying a subtle homesickness.
SensitiveOveruse may appear weak or emotional, requiring stronger tones for psychological support.