Lavender Color Code: HEX Code & RGB Code Values

Looking for specific lavender color code? Get exact lavender hex code #E6E6FA and lavender RGB code rgb(230,230,250). Complete color information for design and development projects featuring this soft, soothing color.

HEX#E6E6FA

RGBrgb(230,230,250)

Shades of Lavender

Create custom shades of lavender with our color generator. Adjust hues, tints, and tones to find the perfect shade of lavender for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 3B82F6

  rgb(59, 130, 246)
• 376BC8

  rgb(55, 107, 200)
• 31559D

  rgb(49, 85, 157)
• 294073

  rgb(41, 64, 115)
• 202C4C

  rgb(32, 44, 76)
• 151928

  rgb(21, 25, 40)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 3B82F6

  rgb(59, 130, 246)
• 6D95F8

  rgb(109, 149, 248)
• 91A9FA

  rgb(145, 169, 250)
• AFBEFC

  rgb(175, 190, 252)
• CBD3FD

  rgb(203, 211, 253)
• E5E9FE

  rgb(229, 233, 254)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 3B82F6

  rgb(59, 130, 246)
• 5082E9

  rgb(80, 130, 233)
• 6182D7

  rgb(97, 130, 215)
• 6F83C4

  rgb(111, 131, 196)
• 7983B0

  rgb(121, 131, 176)
• 80849B

  rgb(128, 132, 155)
• 808080

  rgb(128, 128, 128)

Lavender Palette

Explore curated and automatically generated color palettes featuring lavender. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#DAF1FF

Light

#ACD2F3

Medium Light

#7AB5E7

Medium

#3498DB

Medium Dark

#2B6F9F

Dark

#214967

Darkest

#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#3498DB

Left Dark

#76AEE2

Left Medium

#A4C5E9

Left Light

#CEDDEF

Neutral

#F5F5F5

Right Light

#F5D5C3

Right Medium

#F1B593

Right Dark

#E89664

Complementary End

#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#A9CAED

Medium

#3498DB

Dark

#004D89

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#34DB77

Left Adjacent 1

#34DBCB

Main

#3498DB

Right Adjacent 1

#3445DB

Right Adjacent 2

#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#3498DB

Complementary

#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#3498DB

Secondary

#DB3498

Tertiary

#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#3498DB

Right 90°

#CB34DB

Complementary

#DB7734

Left 90°

#45DB34

Tetradic

Two pairs of complementary colors

4 colors

Main

#3498DB

Secondary

#7734DB

Complementary

#DB7734

Complementary Secondary

#98DB34

Split Complementary

Complementary colors ±30°

3 colors

Main

#3498DB

Split Left

#DB3444

Split Right

#DBCB34

Cyclic

Circular gradient for periodic data

8 colors

0°

#3498DB

45°

#4D34DB

90°

#CB34DB

135°

#DB346E

180°

#DB7734

225°

#C2DB34

270°

#45DB34

315°

#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A2B6C3

Pastel 1

#AFBFCB

Pastel 2

#BBC9D3

Pastel 3

#C7D3DB

Pastel 4

#D4DDE3

Deep Pastel

#E0E7EB

Common Purple Color Codes (HEX & RGB)

Purple →

HEX:#800080

RGB:rgb(128, 0, 128)

Light Purple →

HEX:#800080

RGB:rgb(128, 0, 128)

Dark Purple →

HEX:#800080

RGB:rgb(128, 0, 128)

Royal Purple →

HEX:#800080

RGB:rgb(128, 0, 128)

Violet →

HEX:#9400D3

RGB:rgb(148, 0, 211)

Lavender →

HEX:#E6E6FA

RGB:rgb(230, 230, 250)

Magenta →

HEX:#FF00FF

RGB:rgb(255, 0, 255)

Lilac →

HEX:#C8A2C8

RGB:rgb(200,162,200)

Extract Lavender Hex & RGB Codes from Image

Upload a photo to find the exact lavender HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Lavender Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for lavender shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #ECB12E
• RGB:
  rgb(236, 177, 46)
• CMYK:
  cmyk(0%, 25%, 81%, 7%)
• HSV:
  hsv(41°, 81%, 93%)
• HSL:
  hsl(41°, 83%, 55%)

---

What is Lavender?

Lavender is a soft, pale purple color named after the fragrant flower of the same name. The lavender plant (Lavandula) is native to the Mediterranean region and has been cultivated for over 2,500 years for its aromatic flowers and essential oils.

The color lavender captures the delicate hue of the lavender flower, ranging from pale lilac to soft violet. It's a calming, gentle color that evokes feelings of tranquility and elegance. The name comes from the Latin lavare, meaning "to wash," reflecting the plant's historical use in bathing and cleansing rituals.

The hex code for lavender is #E6E6FA, with RGB values of rgb(230, 230, 250). This combination creates a soft, muted purple that feels soothing and ethereal.

Lavender vs Similar Colors

Lavender is part of the purple family but has distinct characteristics:

Color	HEX Code	Key Difference
Lavender	#E6E6FA	Pale, muted purple
Lilac	#C8A2C8	Pinker, more saturated
Violet	#EE82EE	Brighter, more intense
Purple	#800080	Deep, saturated purple

Lavender is lighter and more muted than violet, and less pink than lilac. Its subtlety makes it versatile for various design applications.

Color Psychology and Meaning

Lavender carries peaceful and sophisticated associations:

• Calmness and relaxation: Often used in spas and wellness spaces
• Elegance and refinement: Associated with luxury and sophistication
• Creativity and imagination: Stimulates artistic thinking
• Spirituality and intuition: Linked to higher consciousness

Design Applications

Lavender's versatility makes it suitable for many design contexts:

Web and UI Design: Lavender works beautifully for wellness platforms, creative agencies, and feminine brands. It creates gentle, inviting interfaces. Pair with soft whites or muted grays for a clean aesthetic.

Graphic Design: Lavender is ideal for wedding invitations, greeting cards, and beauty packaging. It pairs beautifully with mint green, soft pink, and cream.

Fashion and Interiors: A popular color for spring collections and nursery decor. In interiors, lavender adds serenity as wall color or accent pieces.

Branding: Lavender is often used by beauty, wellness, and lifestyle brands to convey luxury and calmness.

Color Harmony

Lavender pairs well with many colors:

• Complementary: Yellow or chartreuse
• Analogous: Purple, violet, and lilac
• Monochromatic: Various shades of lavender
• Triadic: Lavender, orange, and green

Frequently Asked Questions

What is the lavender hex code?

The lavender hex code is #E6E6FA. This soft purple is widely used in design for its calming properties.

What colors go well with lavender?

Lavender pairs beautifully with mint green, soft pink, cream, yellow, and white.

Is lavender a warm or cool color?

Lavender is generally considered a cool color due to its blue undertones, though it can feel warm depending on the context.

What are the RGB values for lavender?

The lavender RGB code is rgb(230, 230, 250).

Why is lavender associated with calmness?

Lavender's soft, muted nature creates a sense of tranquility, and the lavender plant itself is known for its relaxing essential oils.