← Back to Editor

#321645 · #323F66 · #815494 · #A6927C · #E6DCD8

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

#321645

Royal Purple · MidnightBlue · Dark Purple

HEX
#321645
RGB
rgb(50, 22, 69)
HSL
hsl(276, 52%, 18%)
HSB
hsb(276, 68%, 27%)
CMYK
cmyk(28%, 68%, 0%, 73%)
Oklch
oklch(26.7% 0.087 309.1)

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

#323F66

Indigo · DarkSlateGray · Prussian Blue

HEX
#323F66
RGB
rgb(50, 63, 102)
HSL
hsl(225, 34%, 30%)
HSB
hsb(225, 51%, 40%)
CMYK
cmyk(51%, 38%, 0%, 60%)
Oklch
oklch(37.5% 0.069 268.9)

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

#815494

Dark Plum · SlateGray · Violet

HEX
#815494
RGB
rgb(129, 84, 148)
HSL
hsl(282, 28%, 45%)
HSB
hsb(282, 43%, 58%)
CMYK
cmyk(13%, 43%, 0%, 42%)
Oklch
oklch(52.1% 0.110 315.3)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#A6927C

Ginger · Gray · Warm Sun

HEX
#A6927C
RGB
rgb(166, 146, 124)
HSL
hsl(31, 19%, 57%)
HSB
hsb(31, 25%, 65%)
CMYK
cmyk(0%, 12%, 25%, 35%)
Oklch
oklch(67.2% 0.039 69.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E6DCD8

Apricot · LightGray · Peach Orange

HEX
#E6DCD8
RGB
rgb(230, 220, 216)
HSL
hsl(17, 22%, 87%)
HSB
hsb(17, 6%, 90%)
CMYK
cmyk(0%, 4%, 6%, 10%)
Oklch
oklch(90.1% 0.012 43.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

321645
294616

Analogous

1B1646
321645
461641

Triadic

321645
463316
164633

Split-Comp.

321645
414616
16461B

Tetradic

321645
461B16
294616
164146

Contrast Matrix WCAG 2.1 Contrast

321645
323F66
815494
A6927C
E6DCD8
—
1.5
Fail
2.7
Fail
5.3
AA
11.7
AAA
1.5
Fail
—
1.8
Fail
3.4
AA Large
7.6
AAA
2.7
Fail
1.8
Fail
—
1.9
Fail
4.3
AA Large
5.3
AA
3.4
AA Large
1.9
Fail
—
2.2
Fail
11.7
AAA
7.6
AAA
4.3
AA Large
2.2
Fail
—
White BG
15.7AAA
10.3AAA
5.8AA
3.0Fail
1.3Fail
Black BG
1.3Fail
2.0Fail
3.6AA Large
7.0AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

26263A
38385D
6E6D85
9D9D81
E2E2D9

Deuteranopia

282A37
37365A
707481
9FA083
E2E3D9

Tritanopia

31312F
335553
7F7876
A58686
E6DADA

Achromatopsia

242424
404040
696969
959595
DFDFDF

Shades & Tints Shades & Tints

#321645

Dark
Light

#323F66

Dark
Light

#815494

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #321645;
  --color-2: #323f66;
  --color-3: #815494;
  --color-4: #a6927c;
  --color-5: #e6dcd8;
}

SCSS

$color-1: #321645;
$color-2: #323f66;
$color-3: #815494;
$color-4: #a6927c;
$color-5: #e6dcd8;

TAILWIND

colors: {
  'brand-1': '#321645',
  'brand-2': '#323f66',
  'brand-3': '#815494',
  'brand-4': '#a6927c',
  'brand-5': '#e6dcd8',
}

RGB Array

[50, 22, 69], [50, 63, 102], [129, 84, 148], [166, 146, 124], [230, 220, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #321645, #323F66, #815494, #A6927C, #E6DCD8 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: #321645; --color-2: #323f66; --color-3: #815494; --color-4: #a6927c; --color-5: #e6dcd8. 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