Pale Lavender

HEX: #DCD0FF | Modern Palette

On White
1.45:1
FAIL
On Black
14.51:1
PASS

Color Specifications

HEX
#DCD0FF
RGB
220, 208, 255
HSL
255°, 100% ,90%
CMYK
14, 18, 0, 0

About Pale Lavender

Pale Lavender (#DCD0FF) is a color with RGB(220, 208, 255) and HSL(255.3°, 100%, 90.8%). It is commonly associated with Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Background. Its complementary color is #F3FFD0, which creates strong contrast. Its triadic palette includes #FFDCD0 and #D0FFDC. The name comes from Pale Lavender (English).

  • HEX: #DCD0FF
  • RGB: 220, 208, 255
  • HSL: 255.3°, 100%, 90.8%
  • Mood: Playful
  • Style: Neon, Cool
  • Use case: Text, Button, Background
  • Complementary color: #F3FFD0
  • Triadic colors: #FFDCD0, #D0FFDC
  • The name comes from Pale Lavender (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Pale Lavender #DCD0FF is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
 
 
PALE LAVENDER
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
PALE LAVENDER
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Pale Lavender #DCD0FF pairs with #F3FFD0 as its complementary color, and #FFDCD0 and #D0FFDC in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

PALE LAVENDER
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

PALE LAVENDER
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

PALE LAVENDER
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

PALE LAVENDER
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

PALE LAVENDER
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

PALE LAVENDER

Shades & Tints

The shade and tint range for Pale Lavender #DCD0FF moves from dark #07001A tones through the base color to lighter #ECE6FF tones, making it useful for depth, hierarchy, and background variation.

PALE LAVENDER

Color Characteristics

Mood
Playful
Style
Neon Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #D4D4FF
Protanopia #D1D1FF
Tritanopia #D5D7D7
Achromatopsia #D6D6D6

Frequently Asked Questions

Pale Lavender (#DCD0FF) is a color with RGB(220, 208, 255) and HSL(255.3°, 100%, 90.8%).

#DCD0FF pairs strongly with #F3FFD0 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#DCD0FF is suitable for Text, Button, Background and works well with Neon, Cool styles.

#DCD0FF is commonly associated with Playful.

The name Pale Lavender is linked to Pale Lavender from English, meaning A light, desaturated shade of purple, reminiscent of the lavender flower..

Name, History & Etymology

Origin Word Pale Lavender
Meaning A light, desaturated shade of purple, reminiscent of the lavender flower.
Language English
First Recorded Use Late 19th - Early 20th Century

History

The color lavender itself is named after the lavender flower (genus Lavandula), known for its fragrant purple blooms. The word 'lavender' comes from Old French 'lavandre', which is thought to be derived from Latin 'lavare' (to wash), possibly due to the use of lavender in washing and bathing, or from 'livendula', related to 'lividus' (bluish). 'Pale Lavender' specifically refers to a less saturated, lighter version of this purple hue. It has been a popular color in various eras, often associated with femininity, spring, and delicate aesthetics.

First Recorded Use

The term 'lavender' as a color name emerged in the mid-19th century. 'Pale Lavender' would have naturally followed as a descriptor for lighter variations, likely gaining more specific usage as color standardization and naming became more prevalent in fashion, art, and interior design towards the end of the 19th and beginning of the 20th century.

Cultural Associations

Pale lavender is often associated with tranquility, grace, and elegance. It can evoke feelings of nostalgia, romance, and spirituality. In some contexts, it's linked to spring, new beginnings, and the delicate beauty of nature. It's a common color in children's clothing, particularly for girls, and in wedding decor. Historically, lighter purples and lavenders were sometimes associated with mourning or half-mourning in Victorian times, though this is less common today. It also has associations with aromatherapy and relaxation due to the lavender plant's calming properties.

Similar Named Colors
Soap #CEC8EF ΔE 3.45
Lavender Blue #CCCCFF ΔE 4.27
Languid Lavender #D6CADD ΔE 8.76
Thistle #D8BFD8 ΔE 8.88

Code Snippets

/* Background */
.element {
    background-color: #DCD0FF;
}

/* Text */
.element {
    color: #DCD0FF;
}

/* Border */
.element {
    border: 1px solid #DCD0FF;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #DCD0FF,
        #F3FFD0
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #DCD0FF,
        #F3FFD0
    );
}

// SCSS variable
$pale-lavender: #DCD0FF;

// With RGB channels (useful for rgba() usage)
$pale-lavender-r: 220;
$pale-lavender-g: 208;
$pale-lavender-b: 255;

// Usage
.element {
    background-color: $pale-lavender;
    color: rgba($pale-lavender-r, $pale-lavender-g, $pale-lavender-b, 0.8);
}