Blue-Violet

A dreamy, profound charm of blue-violet fusion

HEX#8A2BE2

RGBrgb(138, 43, 226)

HSLhsl(271, 76%, 53%)

HSVhsv(271, 81%, 89%)

CMYKcmyk(39%, 81%, 0%, 11%)

HEXA#8A2BE2FF

RGBArgba(138, 43, 226, 1)

HSLAhsla(271, 76%, 53%, 1)

OKLCHoklch(69.1%, 0.194, 311)

LCHlch(61.6%, 73.9, 309)

🎨 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 6:1AA

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

Aa14px Body

Standard Text

#F9D2F8Ratio 4.4:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#F2A1C8Ratio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

#E28A2CRatio 2.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%

#2A0A48

#3A0D63

#49117E

#591599

#6B19B8

#7B1DD3

#8A2CE2

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

#8863AB

#895AB5

#8950BE

#8948C7

#8A3ED0

#8A36D9

#8A2CE2

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#291F32

#39264A

#482A65

#582C81

#6B2CA5

#7B28C8

#8A2CE2

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

#5D2CE2

#6C2CE2

#7B2CE2

#8A2CE2

#992CE2

#A92CE2

#B82CE2

💡 Use Cases

🎨

Artistic Creation

Used to express twilight, distant mountains, dreams, and other朦胧 imagery, offering rich gradients in watercolor and oil painting.

🛋️

Interior Decor

Ideal for walls or fabric accents in studies or meditation spaces, creating a serene and stylish atmosphere.

👗

Fashion Design

Often used in evening gowns and scarves to complement fair skin, conveying an elegant and mysterious personal aura.

🎭

Brand Identity

Suitable for logos and packaging in beauty, fragrance, and cultural creative brands, emphasizing artistic sensibility and uniqueness.

📜 Origin & History

In ancient China, blue-violet was regarded as a transitional color between blue and purple, commonly found in mineral pigments mixed with lapis lazuli and purple ore. Blue-violet shading appeared in Tang dynasty murals, often used to depict the ethereal layers of clouds and celestial realms.

With the rise of literati painting in the Song dynasty, blue-violet became a favored color for depicting distant mountains at dusk, combining the coolness of blue with the nobility of purple, especially in Mi Fu's misty landscapes for rendering atmospheric effects.

The Ming dynasty text Tiangong Kaiwu records that blue-violet could be obtained by overdyeing indigo with sappan wood extract, called 'blue-purple,' often used in cloud patterns on official rank badges, symbolizing elegance and restraint.

After the introduction of Western synthetic pigments in modern times, blue-violet was reinterpreted by artists as an emotional color expressing the boundary between dreams and reality, frequently used in decorative motifs of Art Nouveau.

🧠 Color Psychology

ProfoundBlue-violet evokes a desire to explore the unknown, turning thoughts inward, fostering philosophical reflection and meditative tendencies.

MysteriousBetween blue's rationality and purple's sensibility, it creates an ineffable mysterious atmosphere that sparks curiosity and imagination.

CalmThe blue base provides a calming effect, helping to stabilize emotions and reduce anxiety, suitable for environments requiring focus.

NobleThe purple family has long been associated with privilege; blue-violet suggests understated luxury, conveying restrained elegance and taste.

MelancholyThe cool blue-violet carries a subtle sadness, easily evoking nostalgia—a quiet remembrance of past beauty.

IndependentIts unique position—neither red nor blue—makes it a symbol of individuality and nonconformity, reflecting a self-assertive spirit.

← Back to Explore Colors