← Back to Editor

#3C3170 · #4E19B3 · #C72364 · #D45529 · #CE8200

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

#3C3170

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#3C3170
RGB
rgb(60, 49, 112)
HSL
hsl(250, 39%, 32%)
HSB
hsb(250, 56%, 44%)
CMYK
cmyk(46%, 56%, 0%, 56%)
Oklch
oklch(36.0% 0.105 288.0)

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

#4E19B3

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#4E19B3
RGB
rgb(78, 25, 179)
HSL
hsl(261, 75%, 40%)
HSB
hsb(261, 86%, 70%)
CMYK
cmyk(56%, 86%, 0%, 30%)
Oklch
oklch(40.8% 0.213 288.2)

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

#C72364

Dark Violet · MediumVioletRed · Camellia

HEX
#C72364
RGB
rgb(199, 35, 100)
HSL
hsl(336, 70%, 46%)
HSB
hsb(336, 82%, 78%)
CMYK
cmyk(0%, 82%, 50%, 22%)
Oklch
oklch(54.9% 0.200 3.8)

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

#D45529

Tangerine · Chocolate · Amber Brown

HEX
#D45529
RGB
rgb(212, 85, 41)
HSL
hsl(15, 68%, 50%)
HSB
hsb(15, 81%, 83%)
CMYK
cmyk(0%, 60%, 81%, 17%)
Oklch
oklch(60.9% 0.170 38.5)

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

#CE8200

Ochre · DarkGoldenRod · Amber Brown

HEX
#CE8200
RGB
rgb(206, 130, 0)
HSL
hsl(38, 100%, 40%)
HSB
hsb(38, 100%, 81%)
CMYK
cmyk(0%, 37%, 100%, 19%)
Oklch
oklch(67.1% 0.146 69.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C3170
677132

Analogous

324771
3C3170
5C3271

Triadic

3C3170
713C32
32713C

Split-Comp.

3C3170
715C32
477132

Tetradic

3C3170
713247
677132
32715C

Contrast Matrix WCAG 2.1 Contrast

3C3170
4E19B3
C72364
D45529
CE8200
—
1.1
Fail
2.1
Fail
2.8
Fail
3.7
AA Large
1.1
Fail
—
1.8
Fail
2.4
Fail
3.2
AA Large
2.1
Fail
1.8
Fail
—
1.3
Fail
1.8
Fail
2.8
Fail
2.4
Fail
1.3
Fail
—
1.3
Fail
3.7
AA Large
3.2
AA Large
1.8
Fail
1.3
Fail
—
White BG
11.3AAA
9.9AAA
5.5AA
4.1AA Large
3.1AA Large
Black BG
1.9Fail
2.1Fail
3.9AA Large
5.1AA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

373761
37378E
807F54
9D9C34
ADAC1F

Deuteranopia

38395D
3A3E85
8A9651
A4AE36
B2B727

Tritanopia

3B5552
4B706A
BF4845
CE3C3E
CA383E

Achromatopsia

3B3B3B
3A3A3A
5B5B5B
767676
8A8A8A

Shades & Tints Shades & Tints

#3C3170

Dark
Light

#4E19B3

Dark
Light

#C72364

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c3170;
  --color-2: #4e19b3;
  --color-3: #c72364;
  --color-4: #d45529;
  --color-5: #ce8200;
}

SCSS

$color-1: #3c3170;
$color-2: #4e19b3;
$color-3: #c72364;
$color-4: #d45529;
$color-5: #ce8200;

TAILWIND

colors: {
  'brand-1': '#3c3170',
  'brand-2': '#4e19b3',
  'brand-3': '#c72364',
  'brand-4': '#d45529',
  'brand-5': '#ce8200',
}

RGB Array

[60, 49, 112], [78, 25, 179], [199, 35, 100], [212, 85, 41], [206, 130, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3C3170, #4E19B3, #C72364, #D45529, #CE8200 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #3c3170; --color-2: #4e19b3; --color-3: #c72364; --color-4: #d45529; --color-5: #ce8200. 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. 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