← Back to Editor

#978D83 · #843EB9 · #2E044F · #82970A · #E2950F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#978D83

Ginger · Gray · Warm Gray

HEX
#978D83
RGB
rgb(151, 141, 131)
HSL
hsl(30, 9%, 55%)
HSB
hsb(30, 13%, 59%)
CMYK
cmyk(0%, 7%, 13%, 41%)
Oklch
oklch(64.9% 0.019 67.5)

Traditional「Ginger」· Paint「Warm Gray」· Creative Urban Concrete

#843EB9

Dark Plum · DarkOrchid · Violet

HEX
#843EB9
RGB
rgb(132, 62, 185)
HSL
hsl(274, 50%, 48%)
HSB
hsb(274, 66%, 73%)
CMYK
cmyk(29%, 66%, 0%, 27%)
Oklch
oklch(51.4% 0.188 307.1)

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

#2E044F

Royal Purple · MidnightBlue · Dark Purple

HEX
#2E044F
RGB
rgb(46, 4, 79)
HSL
hsl(274, 90%, 16%)
HSB
hsb(274, 95%, 31%)
CMYK
cmyk(42%, 95%, 0%, 69%)
Oklch
oklch(24.7% 0.122 303.2)

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

#82970A

Autumn Sage · Olive · Honey Gold

HEX
#82970A
RGB
rgb(130, 151, 10)
HSL
hsl(69, 88%, 32%)
HSB
hsb(69, 93%, 59%)
CMYK
cmyk(14%, 0%, 93%, 41%)
Oklch
oklch(63.7% 0.148 119.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E2950F

Ochre · GoldenRod · Amber Brown

HEX
#E2950F
RGB
rgb(226, 149, 15)
HSL
hsl(38, 88%, 47%)
HSB
hsb(38, 93%, 89%)
CMYK
cmyk(0%, 34%, 93%, 11%)
Oklch
oklch(73.0% 0.154 71.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

978D83
828C97

Analogous

978282
978D83
979782

Triadic

978D83
82978C
8C8297

Split-Comp.

978D83
829797
828297

Tetradic

978D83
829782
828C97
978297

Contrast Matrix WCAG 2.1 Contrast

978D83
843EB9
2E044F
82970A
E2950F
—
1.9
Fail
5.2
AA
1.0
Fail
1.3
Fail
1.9
Fail
—
2.7
Fail
1.9
Fail
2.5
Fail
5.2
AA
2.7
Fail
—
5.1
AA
6.9
AA
1.0
Fail
1.9
Fail
5.1
AA
—
1.3
Fail
1.3
Fail
2.5
Fail
6.9
AA
1.3
Fail
—
White BG
3.3AA Large
6.2AA
16.8AAA
3.3AA Large
2.5Fail
Black BG
6.5AA
3.4AA Large
1.2Fail
6.4AA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939385
66659B
1C1B3D
8B8B2C
C1C02F

Deuteranopia

939486
6A6F94
1E2139
8A8834
C5CB37

Tritanopia

978788
81847F
2C2F2B
83474D
DE494F

Achromatopsia

8F8F8F
616161
191919
818181
9D9D9D

Shades & Tints Shades & Tints

#978D83

Dark
Light

#843EB9

Dark
Light

#2E044F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #978d83;
  --color-2: #843eb9;
  --color-3: #2e044f;
  --color-4: #82970a;
  --color-5: #e2950f;
}

SCSS

$color-1: #978d83;
$color-2: #843eb9;
$color-3: #2e044f;
$color-4: #82970a;
$color-5: #e2950f;

TAILWIND

colors: {
  'brand-1': '#978d83',
  'brand-2': '#843eb9',
  'brand-3': '#2e044f',
  'brand-4': '#82970a',
  'brand-5': '#e2950f',
}

RGB Array

[151, 141, 131], [132, 62, 185], [46, 4, 79], [130, 151, 10], [226, 149, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #978D83, #843EB9, #2E044F, #82970A, #E2950F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #978d83; --color-2: #843eb9; --color-3: #2e044f; --color-4: #82970a; --color-5: #e2950f. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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