← Back to Editor

#DBD3DE · #B2C9D1 · #61A7C1 · #8692BA · #AB86BA

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DBD3DE

Lilac · LightGray · Lavender

HEX
#DBD3DE
RGB
rgb(219, 211, 222)
HSL
hsl(284, 14%, 85%)
HSB
hsb(284, 5%, 87%)
CMYK
cmyk(1%, 5%, 0%, 13%)
Oklch
oklch(87.6% 0.017 316.9)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#B2C9D1

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#B2C9D1
RGB
rgb(178, 201, 209)
HSL
hsl(195, 25%, 76%)
HSB
hsb(195, 15%, 82%)
CMYK
cmyk(15%, 4%, 0%, 18%)
Oklch
oklch(82.1% 0.027 220.7)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#61A7C1

Slate Blue · CadetBlue · Lake Green

HEX
#61A7C1
RGB
rgb(97, 167, 193)
HSL
hsl(196, 44%, 57%)
HSB
hsb(196, 50%, 76%)
CMYK
cmyk(50%, 13%, 0%, 24%)
Oklch
oklch(69.2% 0.080 224.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8692BA

Azure · LightSlateGray · Cobalt Blue

HEX
#8692BA
RGB
rgb(134, 146, 186)
HSL
hsl(226, 27%, 63%)
HSB
hsb(226, 28%, 73%)
CMYK
cmyk(28%, 22%, 0%, 27%)
Oklch
oklch(66.5% 0.061 271.7)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#AB86BA

Lilac · DarkGray · Lilac Purple

HEX
#AB86BA
RGB
rgb(171, 134, 186)
HSL
hsl(283, 27%, 63%)
HSB
hsb(283, 28%, 73%)
CMYK
cmyk(8%, 28%, 0%, 27%)
Oklch
oklch(67.3% 0.086 316.0)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD3DE
D6DED3

Analogous

D6D3DE
DBD3DE
DED3DC

Triadic

DBD3DE
DEDBD3
D3DEDB

Split-Comp.

DBD3DE
DCDED3
D3DED6

Tetradic

DBD3DE
DED6D3
D6DED3
D3DCDE

Contrast Matrix WCAG 2.1 Contrast

DBD3DE
B2C9D1
61A7C1
8692BA
AB86BA
—
1.2
Fail
1.8
Fail
2.1
Fail
2.1
Fail
1.2
Fail
—
1.6
Fail
1.8
Fail
1.8
Fail
1.8
Fail
1.6
Fail
—
1.1
Fail
1.1
Fail
2.1
Fail
1.8
Fail
1.1
Fail
—
1.0
Fail
2.1
Fail
1.8
Fail
1.1
Fail
1.0
Fail
—
White BG
1.5Fail
1.7Fail
2.7Fail
3.1AA Large
3.1AA Large
Black BG
14.4AAA
12.2AAA
7.8AAA
6.8AA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D7DB
BCBCCF
7F80BB
8B8BB0
9B9BAD

Deuteranopia

D8D9DB
BBB9CF
7B76B9
8B8AAE
9DA0AA

Tritanopia

DBD9D9
B3CECD
64B6B5
87A9A7
A9A3A1

Achromatopsia

D7D7D7
C3C3C3
959595
939393
979797

Shades & Tints Shades & Tints

#DBD3DE

Dark
Light

#B2C9D1

Dark
Light

#61A7C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd3de;
  --color-2: #b2c9d1;
  --color-3: #61a7c1;
  --color-4: #8692ba;
  --color-5: #ab86ba;
}

SCSS

$color-1: #dbd3de;
$color-2: #b2c9d1;
$color-3: #61a7c1;
$color-4: #8692ba;
$color-5: #ab86ba;

TAILWIND

colors: {
  'brand-1': '#dbd3de',
  'brand-2': '#b2c9d1',
  'brand-3': '#61a7c1',
  'brand-4': '#8692ba',
  'brand-5': '#ab86ba',
}

RGB Array

[219, 211, 222], [178, 201, 209], [97, 167, 193], [134, 146, 186], [171, 134, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DBD3DE, #B2C9D1, #61A7C1, #8692BA, #AB86BA is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dbd3de; --color-2: #b2c9d1; --color-3: #61a7c1; --color-4: #8692ba; --color-5: #ab86ba. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This pastel-style 5-color scheme is especially suited for beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color