← Back to Editor

#6408F8 · #791C97 · #37242E · #99047E · #C61553

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6408F8

Deep Indigo · DarkViolet · Violet

HEX
#6408F8
RGB
rgb(100, 8, 248)
HSL
hsl(263, 94%, 50%)
HSB
hsb(263, 97%, 97%)
CMYK
cmyk(60%, 97%, 0%, 3%)
Oklch
oklch(49.6% 0.286 285.6)

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

#791C97

Royal Purple · DarkMagenta · Eggplant

HEX
#791C97
RGB
rgb(121, 28, 151)
HSL
hsl(285, 69%, 35%)
HSB
hsb(285, 81%, 59%)
CMYK
cmyk(20%, 81%, 0%, 41%)
Oklch
oklch(44.0% 0.191 316.0)

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

#37242E

Rose Purple · DarkSlateGray · Raspberry

HEX
#37242E
RGB
rgb(55, 36, 46)
HSL
hsl(328, 21%, 18%)
HSB
hsb(328, 35%, 22%)
CMYK
cmyk(0%, 35%, 16%, 78%)
Oklch
oklch(28.7% 0.033 346.5)

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

#99047E

Rose Purple · DarkMagenta · Eggplant

HEX
#99047E
RGB
rgb(153, 4, 126)
HSL
hsl(311, 95%, 31%)
HSB
hsb(311, 97%, 60%)
CMYK
cmyk(0%, 97%, 18%, 40%)
Oklch
oklch(46.4% 0.201 338.5)

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

#C61553

Dark Violet · Crimson · Camellia

HEX
#C61553
RGB
rgb(198, 21, 83)
HSL
hsl(339, 81%, 43%)
HSB
hsb(339, 89%, 78%)
CMYK
cmyk(0%, 89%, 58%, 22%)
Oklch
oklch(53.5% 0.205 9.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6408F8
9BF708

Analogous

0824F7
6408F8
DB08F7

Triadic

6408F8
F76408
08F764

Split-Comp.

6408F8
F7DB08
24F708

Tetradic

6408F8
F70824
9BF708
08F7DB

Contrast Matrix WCAG 2.1 Contrast

6408F8
791C97
37242E
99047E
C61553
—
1.2
Fail
2.0
Fail
1.1
Fail
1.2
Fail
1.2
Fail
—
1.7
Fail
1.1
Fail
1.5
Fail
2.0
Fail
1.7
Fail
—
1.8
Fail
2.5
Fail
1.1
Fail
1.1
Fail
1.8
Fail
—
1.4
Fail
1.2
Fail
1.5
Fail
2.5
Fail
1.4
Fail
—
White BG
7.2AAA
8.7AAA
14.4AAA
7.9AAA
5.8AA
Black BG
2.9Fail
2.4Fail
1.5Fail
2.7Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3BBE
515079
2F2F2C
585760
797844

Deuteranopia

4248B0
565D72
30312B
616C59
849140

Tritanopia

5F9086
74625D
362A29
924944
BD3836

Achromatopsia

3F3F3F
464646
2B2B2B
3E3E3E
515151

Shades & Tints Shades & Tints

#6408F8

Dark
Light

#791C97

Dark
Light

#37242E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6408f8;
  --color-2: #791c97;
  --color-3: #37242e;
  --color-4: #99047e;
  --color-5: #c61553;
}

SCSS

$color-1: #6408f8;
$color-2: #791c97;
$color-3: #37242e;
$color-4: #99047e;
$color-5: #c61553;

TAILWIND

colors: {
  'brand-1': '#6408f8',
  'brand-2': '#791c97',
  'brand-3': '#37242e',
  'brand-4': '#99047e',
  'brand-5': '#c61553',
}

RGB Array

[100, 8, 248], [121, 28, 151], [55, 36, 46], [153, 4, 126], [198, 21, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6408F8, #791C97, #37242E, #99047E, #C61553 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: #6408f8; --color-2: #791c97; --color-3: #37242e; --color-4: #99047e; --color-5: #c61553. 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