← Back to Editor

#D2A4E0 · #DBA98C · #B59E82 · #475B7D · #3A2866

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D2A4E0

Lilac · Silver · Lilac Purple

HEX
#D2A4E0
RGB
rgb(210, 164, 224)
HSL
hsl(286, 49%, 76%)
HSB
hsb(286, 27%, 88%)
CMYK
cmyk(6%, 27%, 0%, 12%)
Oklch
oklch(78.1% 0.097 318.2)

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

#DBA98C

Apricot · Tan · Warm Sun

HEX
#DBA98C
RGB
rgb(219, 169, 140)
HSL
hsl(22, 52%, 70%)
HSB
hsb(22, 36%, 86%)
CMYK
cmyk(0%, 23%, 36%, 14%)
Oklch
oklch(77.4% 0.071 51.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#B59E82

Ginger · Tan · Warm Sun

HEX
#B59E82
RGB
rgb(181, 158, 130)
HSL
hsl(33, 26%, 61%)
HSB
hsb(33, 28%, 71%)
CMYK
cmyk(0%, 13%, 28%, 29%)
Oklch
oklch(71.2% 0.048 72.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#475B7D

Indigo · DarkSlateBlue · Prussian Blue

HEX
#475B7D
RGB
rgb(71, 91, 125)
HSL
hsl(218, 28%, 38%)
HSB
hsb(218, 43%, 49%)
CMYK
cmyk(43%, 27%, 0%, 51%)
Oklch
oklch(46.9% 0.061 260.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#3A2866

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#3A2866
RGB
rgb(58, 40, 102)
HSL
hsl(257, 44%, 28%)
HSB
hsb(257, 61%, 40%)
CMYK
cmyk(43%, 61%, 0%, 60%)
Oklch
oklch(33.3% 0.104 293.3)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2A4E0
B2E0A4

Analogous

B4A4E0
D2A4E0
E0A4D0

Triadic

D2A4E0
E0D2A4
A4E0D2

Split-Comp.

D2A4E0
D0E0A4
A4E0B4

Tetradic

D2A4E0
E0B4A4
B2E0A4
A4D0E0

Contrast Matrix WCAG 2.1 Contrast

D2A4E0
DBA98C
B59E82
475B7D
3A2866
—
1.0
Fail
1.2
Fail
3.3
AA Large
6.0
AA
1.0
Fail
—
1.2
Fail
3.3
AA Large
6.0
AA
1.2
Fail
1.2
Fail
—
2.7
Fail
4.9
AA
3.3
AA Large
3.3
AA Large
2.7
Fail
—
1.8
Fail
6.0
AA
6.0
AA
4.9
AA
1.8
Fail
—
White BG
2.1Fail
2.1Fail
2.6Fail
6.9AA
12.5AAA
Black BG
10.1AAA
10.1AAA
8.2AAA
3.1AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBED1
C5C593
ABAB89
505075
323257

Deuteranopia

C1C4CE
C8CC95
ACAE8A
4F4D73
333553

Tritanopia

D0C6C4
D8999A
B48E8F
486E6D
394B49

Achromatopsia

B9B9B9
B5B5B5
A2A2A2
595959
343434

Shades & Tints Shades & Tints

#D2A4E0

Dark
Light

#DBA98C

Dark
Light

#B59E82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2a4e0;
  --color-2: #dba98c;
  --color-3: #b59e82;
  --color-4: #475b7d;
  --color-5: #3a2866;
}

SCSS

$color-1: #d2a4e0;
$color-2: #dba98c;
$color-3: #b59e82;
$color-4: #475b7d;
$color-5: #3a2866;

TAILWIND

colors: {
  'brand-1': '#d2a4e0',
  'brand-2': '#dba98c',
  'brand-3': '#b59e82',
  'brand-4': '#475b7d',
  'brand-5': '#3a2866',
}

RGB Array

[210, 164, 224], [219, 169, 140], [181, 158, 130], [71, 91, 125], [58, 40, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2A4E0, #DBA98C, #B59E82, #475B7D, #3A2866 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d2a4e0; --color-2: #dba98c; --color-3: #b59e82; --color-4: #475b7d; --color-5: #3a2866. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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