Skip to content

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.

Visual example of lavender color with its soft, soothing appearance
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.

🎨

Shades (Adding Black)

  • E6E6FA
    rgb(230, 230, 250)
  • BCBCCC
    rgb(188, 188, 204)
  • 93939F
    rgb(147, 147, 159)
  • 6C6C75
    rgb(108, 108, 117)
  • 48484D
    rgb(72, 72, 77)
  • 262629
    rgb(38, 38, 41)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • E6E6FA
    rgb(230, 230, 250)
  • EAEAFB
    rgb(234, 234, 251)
  • EEEEFC
    rgb(238, 238, 252)
  • F3F2FD
    rgb(243, 242, 253)
  • F7F7FD
    rgb(247, 247, 253)
  • FBFBFE
    rgb(251, 251, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • E6E6FA
    rgb(230, 230, 250)
  • E6E6F8
    rgb(230, 230, 248)
  • E6E6F5
    rgb(230, 230, 245)
  • E7E7F2
    rgb(231, 231, 242)
  • E7E7EF
    rgb(231, 231, 239)
  • E7E7EB
    rgb(231, 231, 235)
  • 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.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#EAEAFB
Light
#E9E8FB
Medium Light
#E7E7FA
Medium
#E6E6FA
Medium Dark
#B8ABEE
Dark
#8573E1
Darkest
#403DD3

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#E6E6FA
Left Dark
#EAEAF9
Left Medium
#EEEDF8
Left Light
#F1F1F6
Neutral
#F5F5F5
Right Light
#F6F6F1
Right Medium
#F8F7EE
Right Dark
#F9F9EA
Complementary End
#FAFAE6

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#F3F2FD
Medium
#E6E6FA
Dark
#6B6B7D
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#E6FAFA
Left Adjacent 1
#E6F0FA
Main
#E6E6FA
Right Adjacent 1
#F0E6FA
Right Adjacent 2
#FAE6FA

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#E6E6FA
Complementary
#FAFAE6

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#E6E6FA
Secondary
#FAE6E6
Tertiary
#E6FAE6

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#E6E6FA
Right 90°
#FAE6F0
Complementary
#FAFAE6
Left 90°
#E6FAF0

Tetradic

Two pairs of complementary colors

4 colors
Main
#E6E6FA
Secondary
#FAE6FA
Complementary
#FAFAE6
Complementary Secondary
#E6FAE6

Split Complementary

Complementary colors ±30°

3 colors
Main
#E6E6FA
Split Left
#FAF0E6
Split Right
#F0FAE6

Cyclic

Circular gradient for periodic data

8 colors
0°
#E6E6FA
45°
#F5E6FA
90°
#FAE6F0
135°
#FAEBE6
180°
#FAFAE6
225°
#EBFAE6
270°
#E6FAF0
315°
#E6F5FA

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A3A3C2
Pastel 1
#AFAFCA
Pastel 2
#BCBCD2
Pastel 3
#C8C8DA
Pastel 4
#D4D4E2
Deep Pastel
#E0E0EB

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.

🎨

All Formats:

  • HEX:
    #E6E6FA
  • RGB:
    rgb(230, 230, 250)
  • CMYK:
    cmyk(8%, 8%, 0%, 2%)
  • HSV:
    hsv(240°, 8%, 98%)
  • HSL:
    hsl(240°, 67%, 94%)

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:

ColorHEX CodeKey Difference
Lavender#E6E6FAPale, muted purple
Lilac#C8A2C8Pinker, more saturated
Violet#EE82EEBrighter, more intense
Purple#800080Deep, 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.