← Back to Editor

#957BE0 · #7047D1 · #7F1BC2 · #5E0778 · #3E0F52

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#957BE0

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#957BE0
RGB
rgb(149, 123, 224)
HSL
hsl(255, 62%, 68%)
HSB
hsb(255, 45%, 88%)
CMYK
cmyk(33%, 45%, 0%, 12%)
Oklch
oklch(65.1% 0.148 293.7)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#7047D1

Deep Indigo · SlateBlue · Navy Blue

HEX
#7047D1
RGB
rgb(112, 71, 209)
HSL
hsl(258, 60%, 55%)
HSB
hsb(258, 66%, 82%)
CMYK
cmyk(46%, 66%, 0%, 18%)
Oklch
oklch(52.2% 0.201 291.5)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#7F1BC2

Royal Purple · DarkOrchid · Violet

HEX
#7F1BC2
RGB
rgb(127, 27, 194)
HSL
hsl(276, 76%, 43%)
HSB
hsb(276, 86%, 76%)
CMYK
cmyk(35%, 86%, 0%, 24%)
Oklch
oklch(48.2% 0.231 305.6)

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

#5E0778

Royal Purple · Purple · Eggplant

HEX
#5E0778
RGB
rgb(94, 7, 120)
HSL
hsl(286, 89%, 25%)
HSB
hsb(286, 94%, 47%)
CMYK
cmyk(22%, 94%, 0%, 53%)
Oklch
oklch(36.2% 0.171 315.8)

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

#3E0F52

Royal Purple · MidnightBlue · Dark Purple

HEX
#3E0F52
RGB
rgb(62, 15, 82)
HSL
hsl(282, 69%, 19%)
HSB
hsb(282, 82%, 32%)
CMYK
cmyk(24%, 82%, 0%, 68%)
Oklch
oklch(28.5% 0.118 313.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

957BE0
C7E07B

Analogous

7B94E0
957BE0
C77BE0

Triadic

957BE0
E0947B
7BE094

Split-Comp.

957BE0
E0C77B
94E07B

Tetradic

957BE0
E07B94
C7E07B
7BE0C7

Contrast Matrix WCAG 2.1 Contrast

957BE0
7047D1
7F1BC2
5E0778
3E0F52
—
1.8
Fail
2.2
Fail
3.5
AA Large
4.4
AA Large
1.8
Fail
—
1.2
Fail
2.0
Fail
2.5
Fail
2.2
Fail
1.2
Fail
—
1.6
Fail
2.0
Fail
3.5
AA Large
2.0
Fail
1.6
Fail
—
1.3
Fail
4.4
AA Large
2.5
Fail
2.0
Fail
1.3
Fail
—
White BG
3.4AA Large
6.0AA
7.4AAA
11.8AAA
15.1AAA
Black BG
6.2AA
3.5AA Large
2.8Fail
1.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8AC8
5E5EB0
54539A
38385D
2A2942

Deuteranopia

8B8DC2
6164A8
5A6190
3D4456
2C303E

Tritanopia

94B4B0
6E958F
7A7A73
5A4742
3C3532

Achromatopsia

8E8E8E
636363
4C4C4C
2E2E2E
252525

Shades & Tints Shades & Tints

#957BE0

Dark
Light

#7047D1

Dark
Light

#7F1BC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #957be0;
  --color-2: #7047d1;
  --color-3: #7f1bc2;
  --color-4: #5e0778;
  --color-5: #3e0f52;
}

SCSS

$color-1: #957be0;
$color-2: #7047d1;
$color-3: #7f1bc2;
$color-4: #5e0778;
$color-5: #3e0f52;

TAILWIND

colors: {
  'brand-1': '#957be0',
  'brand-2': '#7047d1',
  'brand-3': '#7f1bc2',
  'brand-4': '#5e0778',
  'brand-5': '#3e0f52',
}

RGB Array

[149, 123, 224], [112, 71, 209], [127, 27, 194], [94, 7, 120], [62, 15, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #957BE0, #7047D1, #7F1BC2, #5E0778, #3E0F52 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #957be0; --color-2: #7047d1; --color-3: #7f1bc2; --color-4: #5e0778; --color-5: #3e0f52. 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 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