← Back to Editor

#D1A2CE · #B476B0 · #904B8C · #6B2466 · #490C45

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D1A2CE

Mauve · Silver · Lilac Purple

HEX
#D1A2CE
RGB
rgb(209, 162, 206)
HSL
hsl(304, 34%, 73%)
HSB
hsb(304, 22%, 82%)
CMYK
cmyk(0%, 22%, 1%, 18%)
Oklch
oklch(76.9% 0.081 328.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#B476B0

Rose Purple · MediumOrchid · Violet

HEX
#B476B0
RGB
rgb(180, 118, 176)
HSL
hsl(304, 29%, 58%)
HSB
hsb(304, 34%, 71%)
CMYK
cmyk(0%, 34%, 2%, 29%)
Oklch
oklch(65.0% 0.110 329.0)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#904B8C

Rose Purple · Gray · Violet

HEX
#904B8C
RGB
rgb(144, 75, 140)
HSL
hsl(303, 32%, 43%)
HSB
hsb(303, 48%, 56%)
CMYK
cmyk(0%, 48%, 3%, 44%)
Oklch
oklch(52.1% 0.127 329.4)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#6B2466

Rose Purple · Purple · Eggplant

HEX
#6B2466
RGB
rgb(107, 36, 102)
HSL
hsl(304, 50%, 28%)
HSB
hsb(304, 66%, 42%)
CMYK
cmyk(0%, 66%, 5%, 58%)
Oklch
oklch(39.4% 0.131 330.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#490C45

Rose Purple · MidnightBlue · Dark Purple

HEX
#490C45
RGB
rgb(73, 12, 69)
HSL
hsl(304, 72%, 17%)
HSB
hsb(304, 84%, 29%)
CMYK
cmyk(0%, 84%, 5%, 71%)
Oklch
oklch(29.1% 0.114 331.0)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1A2CE
A3D2A6

Analogous

BDA3D2
D1A2CE
D2A3B7

Triadic

D1A2CE
CED2A3
A3CED2

Split-Comp.

D1A2CE
B7D2A3
A3D2BD

Tetradic

D1A2CE
D2BDA3
A3D2A6
A3B7D2

Contrast Matrix WCAG 2.1 Contrast

D1A2CE
B476B0
904B8C
6B2466
490C45
—
1.6
Fail
2.7
Fail
4.7
AA
6.9
AA
1.6
Fail
—
1.7
Fail
3.0
Fail
4.3
AA Large
2.7
Fail
1.7
Fail
—
1.7
Fail
2.5
Fail
4.7
AA
3.0
Fail
1.7
Fail
—
1.5
Fail
6.9
AA
4.3
AA Large
2.5
Fail
1.5
Fail
—
White BG
2.1Fail
3.4AA Large
5.9AA
10.1AAA
14.8AAA
Black BG
9.8AAA
6.2AA
3.6AA Large
2.1Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBCC3
9999A2
72727C
4C4C56
2F2E37

Deuteranopia

BFC3C1
9DA19F
767B79
505652
323734

Tritanopia

CFBBB9
B19794
8D706D
674947
462C2A

Achromatopsia

B5B5B5
8F8F8F
676767
414141
252525

Shades & Tints Shades & Tints

#D1A2CE

Dark
Light

#B476B0

Dark
Light

#904B8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1a2ce;
  --color-2: #b476b0;
  --color-3: #904b8c;
  --color-4: #6b2466;
  --color-5: #490c45;
}

SCSS

$color-1: #d1a2ce;
$color-2: #b476b0;
$color-3: #904b8c;
$color-4: #6b2466;
$color-5: #490c45;

TAILWIND

colors: {
  'brand-1': '#d1a2ce',
  'brand-2': '#b476b0',
  'brand-3': '#904b8c',
  'brand-4': '#6b2466',
  'brand-5': '#490c45',
}

RGB Array

[209, 162, 206], [180, 118, 176], [144, 75, 140], [107, 36, 102], [73, 12, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1A2CE, #B476B0, #904B8C, #6B2466, #490C45 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: #d1a2ce; --color-2: #b476b0; --color-3: #904b8c; --color-4: #6b2466; --color-5: #490c45. 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