#5C3494 + #67348C + #723484 + #7E347C + #893474 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#5C3494

Deep Indigo · DarkSlateBlue · Eggplant

HEX

#5C3494

RGB

rgb(92, 52, 148)

HSL

hsl(265, 48%, 39%)

HSB

hsb(265, 65%, 58%)

CMYK

cmyk(38%, 65%, 0%, 42%)

Oklch

oklch(42.6% 0.151 299.0)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#67348C

Dark Plum · DarkSlateBlue · Eggplant

HEX

#67348C

RGB

rgb(103, 52, 140)

HSL

hsl(275, 46%, 38%)

HSB

hsb(275, 63%, 55%)

CMYK

cmyk(26%, 63%, 0%, 45%)

Oklch

oklch(43.4% 0.144 308.2)

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

#723484

Dark Plum · DarkSlateBlue · Eggplant

HEX

#723484

RGB

rgb(114, 52, 132)

HSL

hsl(287, 43%, 36%)

HSB

hsb(287, 61%, 52%)

CMYK

cmyk(14%, 61%, 0%, 48%)

Oklch

oklch(44.3% 0.140 318.0)

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

#7E347C

Rose Purple · Purple · Eggplant

HEX

#7E347C

RGB

rgb(126, 52, 124)

HSL

hsl(302, 42%, 35%)

HSB

hsb(302, 59%, 49%)

CMYK

cmyk(0%, 59%, 2%, 51%)

Oklch

oklch(45.5% 0.138 328.6)

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

#893474

Rose Purple · Purple · Eggplant

HEX

#893474

RGB

rgb(137, 52, 116)

HSL

hsl(315, 45%, 37%)

HSB

hsb(315, 62%, 54%)

CMYK

cmyk(0%, 62%, 15%, 46%)

Oklch

oklch(46.7% 0.139 338.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C3494

6B9334

Analogous

343C93

5C3494

8B3493

Triadic

5C3494

935B34

34935B

Split-Comp.

5C3494

938B34

3C9334

Tetradic

5C3494

93343C

6B9334

34938B

Contrast Matrix WCAG 2.1 Contrast

5C3494	67348C	723484	7E347C	893474
—	1.0 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

8.8AAA

8.6AAA

8.3AAA

7.9AAA

7.5AAA

Black BG

2.4Fail

2.5Fail

2.7Fail

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B4A7D

515077

575771

5E5D6B

646365

Deuteranopia

4D5077

545872

5B5F6C

626866

696F61

Tritanopia

5A6A66

646662

6F615E

7A5D5A

855856

Achromatopsia

4B4B4B

4D4D4D

505050

525252

555555

Shades & Tints Shades & Tints

#5C3494

Dark

Light

#67348C

Dark

Light

#723484

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c3494;
  --color-2: #67348c;
  --color-3: #723484;
  --color-4: #7e347c;
  --color-5: #893474;
}

SCSS

$color-1: #5c3494;
$color-2: #67348c;
$color-3: #723484;
$color-4: #7e347c;
$color-5: #893474;

TAILWIND

colors: {
  'brand-1': '#5c3494',
  'brand-2': '#67348c',
  'brand-3': '#723484',
  'brand-4': '#7e347c',
  'brand-5': '#893474',
}

RGB Array

[92, 52, 148], [103, 52, 140], [114, 52, 132], [126, 52, 124], [137, 52, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C3494, #67348C, #723484, #7E347C, #893474 is ideal for: tech websites, dark mode UIs, game UIs. 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: #5c3494; --color-2: #67348c; --color-3: #723484; --color-4: #7e347c; --color-5: #893474. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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