← Back to Editor

#8C4194 · #330338 · #641E48 · #B39874 · #806137

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

#8C4194

Dark Plum · DarkOrchid · Violet

HEX
#8C4194
RGB
rgb(140, 65, 148)
HSL
hsl(294, 39%, 42%)
HSB
hsb(294, 56%, 58%)
CMYK
cmyk(5%, 56%, 0%, 42%)
Oklch
oklch(50.5% 0.149 323.7)

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

#330338

Royal Purple · MidnightBlue · Dark Purple

HEX
#330338
RGB
rgb(51, 3, 56)
HSL
hsl(294, 90%, 12%)
HSB
hsb(294, 95%, 22%)
CMYK
cmyk(9%, 95%, 0%, 78%)
Oklch
oklch(23.3% 0.103 323.8)

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

#641E48

Rose Purple · Purple · Raspberry

HEX
#641E48
RGB
rgb(100, 30, 72)
HSL
hsl(324, 54%, 25%)
HSB
hsb(324, 70%, 39%)
CMYK
cmyk(0%, 70%, 28%, 61%)
Oklch
oklch(36.0% 0.112 347.2)

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

#B39874

Ginger · Tan · Warm Sun

HEX
#B39874
RGB
rgb(179, 152, 116)
HSL
hsl(34, 29%, 58%)
HSB
hsb(34, 35%, 70%)
CMYK
cmyk(0%, 15%, 35%, 30%)
Oklch
oklch(69.5% 0.059 74.6)

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

#806137

Ochre · Sienna · Amber Brown

HEX
#806137
RGB
rgb(128, 97, 55)
HSL
hsl(35, 40%, 36%)
HSB
hsb(35, 57%, 50%)
CMYK
cmyk(0%, 24%, 57%, 50%)
Oklch
oklch(51.5% 0.071 73.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C4194
4A9541

Analogous

634195
8C4194
954173

Triadic

8C4194
958D41
41958D

Split-Comp.

8C4194
739541
419563

Tetradic

8C4194
956341
4A9541
417395

Contrast Matrix WCAG 2.1 Contrast

8C4194
330338
641E48
B39874
806137
—
2.7
Fail
1.8
Fail
2.3
Fail
1.1
Fail
2.7
Fail
—
1.5
Fail
6.3
AA
3.0
AA Large
1.8
Fail
1.5
Fail
—
4.2
AA Large
2.0
Fail
2.3
Fail
6.3
AA
4.2
AA Large
—
2.1
Fail
1.1
Fail
3.0
AA Large
2.0
Fail
2.1
Fail
—
White BG
6.4AA
17.3AAA
11.5AAA
2.7Fail
5.7AA
Black BG
3.3AA Large
1.2Fail
1.8Fail
7.7AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6B80
1E1E2B
46453E
A7A77D
737241

Deuteranopia

70767B
212528
4A4F3B
A9AB7F
747744

Tritanopia

88706D
31211F
613634
B28485
7E494B

Achromatopsia

616161
171717
383838
9C9C9C
656565

Shades & Tints Shades & Tints

#8C4194

Dark
Light

#330338

Dark
Light

#641E48

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c4194;
  --color-2: #330338;
  --color-3: #641e48;
  --color-4: #b39874;
  --color-5: #806137;
}

SCSS

$color-1: #8c4194;
$color-2: #330338;
$color-3: #641e48;
$color-4: #b39874;
$color-5: #806137;

TAILWIND

colors: {
  'brand-1': '#8c4194',
  'brand-2': '#330338',
  'brand-3': '#641e48',
  'brand-4': '#b39874',
  'brand-5': '#806137',
}

RGB Array

[140, 65, 148], [51, 3, 56], [100, 30, 72], [179, 152, 116], [128, 97, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8C4194, #330338, #641E48, #B39874, #806137 is ideal for: tech websites, dark mode UIs, game UIs, 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: #8c4194; --color-2: #330338; --color-3: #641e48; --color-4: #b39874; --color-5: #806137. 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. 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