← Back to Editor

#004EE4 · #5F24BA · #9C008B · #AC0028 · #AF0051

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

#004EE4

Indigo · DodgerBlue · Navy Blue

HEX
#004EE4
RGB
rgb(0, 78, 228)
HSL
hsl(219, 100%, 45%)
HSB
hsb(219, 100%, 89%)
CMYK
cmyk(100%, 66%, 0%, 11%)
Oklch
oklch(49.5% 0.235 262.4)

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

#5F24BA

Deep Indigo · DarkSlateBlue · Violet

HEX
#5F24BA
RGB
rgb(95, 36, 186)
HSL
hsl(264, 68%, 44%)
HSB
hsb(264, 81%, 73%)
CMYK
cmyk(49%, 81%, 0%, 27%)
Oklch
oklch(44.3% 0.212 293.4)

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

#9C008B

Rose Purple · DarkMagenta · Eggplant

HEX
#9C008B
RGB
rgb(156, 0, 139)
HSL
hsl(307, 100%, 31%)
HSB
hsb(307, 100%, 61%)
CMYK
cmyk(0%, 100%, 11%, 39%)
Oklch
oklch(47.6% 0.212 334.4)

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

#AC0028

Vermilion · FireBrick · Wine Red

HEX
#AC0028
RGB
rgb(172, 0, 40)
HSL
hsl(346, 100%, 34%)
HSB
hsb(346, 100%, 67%)
CMYK
cmyk(0%, 100%, 77%, 33%)
Oklch
oklch(47.1% 0.189 20.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#AF0051

Dark Violet · Crimson · Camellia

HEX
#AF0051
RGB
rgb(175, 0, 81)
HSL
hsl(332, 100%, 34%)
HSB
hsb(332, 100%, 69%)
CMYK
cmyk(0%, 100%, 54%, 31%)
Oklch
oklch(48.5% 0.195 4.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

004EE4
E69500

Analogous

00C3E6
004EE4
2200E6

Triadic

004EE4
E60050
50E600

Split-Comp.

004EE4
E62200
C3E600

Tetradic

004EE4
E600C3
E69500
00E622

Contrast Matrix WCAG 2.1 Contrast

004EE4
5F24BA
9C008B
AC0028
AF0051
—
1.3
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
6.5AA
8.6AAA
7.5AAA
7.5AAA
7.1AAA
Black BG
3.2AA Large
2.4Fail
2.8Fail
2.8Fail
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2222C0
454596
585769
62601E
63623D

Deuteranopia

1D17B7
494D8D
626D61
6C781C
6D7A39

Tritanopia

04A39D
5C7973
944F49
A31715
A62E2B

Achromatopsia

484848
474747
3E3E3E
383838
3E3E3E

Shades & Tints Shades & Tints

#004EE4

Dark
Light

#5F24BA

Dark
Light

#9C008B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #004ee4;
  --color-2: #5f24ba;
  --color-3: #9c008b;
  --color-4: #ac0028;
  --color-5: #af0051;
}

SCSS

$color-1: #004ee4;
$color-2: #5f24ba;
$color-3: #9c008b;
$color-4: #ac0028;
$color-5: #af0051;

TAILWIND

colors: {
  'brand-1': '#004ee4',
  'brand-2': '#5f24ba',
  'brand-3': '#9c008b',
  'brand-4': '#ac0028',
  'brand-5': '#af0051',
}

RGB Array

[0, 78, 228], [95, 36, 186], [156, 0, 139], [172, 0, 40], [175, 0, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #004EE4, #5F24BA, #9C008B, #AC0028, #AF0051 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: #004ee4; --color-2: #5f24ba; --color-3: #9c008b; --color-4: #ac0028; --color-5: #af0051. 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