← Back to Editor

#EA3402 · #C20B0F · #5B0752 · #520237 · #28020D

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

#EA3402

Vermilion · OrangeRed · Passion Red

HEX
#EA3402
RGB
rgb(234, 52, 2)
HSL
hsl(13, 98%, 46%)
HSB
hsb(13, 99%, 92%)
CMYK
cmyk(0%, 78%, 99%, 8%)
Oklch
oklch(61.0% 0.222 33.4)

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

#C20B0F

Vermilion · FireBrick · Wine Red

HEX
#C20B0F
RGB
rgb(194, 11, 15)
HSL
hsl(359, 89%, 40%)
HSB
hsb(359, 94%, 76%)
CMYK
cmyk(0%, 94%, 92%, 24%)
Oklch
oklch(51.5% 0.206 28.3)

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

#5B0752

Rose Purple · Purple · Dark Purple

HEX
#5B0752
RGB
rgb(91, 7, 82)
HSL
hsl(306, 86%, 19%)
HSB
hsb(306, 92%, 36%)
CMYK
cmyk(0%, 92%, 10%, 64%)
Oklch
oklch(32.9% 0.139 333.5)

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

#520237

Rose Purple · Maroon · Raspberry

HEX
#520237
RGB
rgb(82, 2, 55)
HSL
hsl(320, 95%, 16%)
HSB
hsb(320, 98%, 32%)
CMYK
cmyk(0%, 98%, 33%, 68%)
Oklch
oklch(29.3% 0.121 347.2)

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

#28020D

Dark Violet · Black · Raspberry

HEX
#28020D
RGB
rgb(40, 2, 13)
HSL
hsl(343, 90%, 8%)
HSB
hsb(343, 95%, 16%)
CMYK
cmyk(0%, 95%, 67%, 84%)
Oklch
oklch(18.2% 0.066 6.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA3402
02B6E8

Analogous

E80243
EA3402
E8A702

Triadic

EA3402
02E834
3402E8

Split-Comp.

EA3402
02E8A7
0243E8

Tetradic

EA3402
43E802
02B6E8
A702E8

Contrast Matrix WCAG 2.1 Contrast

EA3402
C20B0F
5B0752
520237
28020D
—
1.5
Fail
3.1
AA Large
3.5
AA Large
4.5
AA
1.5
Fail
—
2.1
Fail
2.4
Fail
3.0
AA Large
3.1
AA Large
2.1
Fail
—
1.1
Fail
1.4
Fail
3.5
AA Large
2.4
Fail
1.1
Fail
—
1.3
Fail
4.5
AA
3.0
AA Large
1.4
Fail
1.3
Fail
—
White BG
4.2AA Large
6.3AA
13.1AAA
14.8AAA
19.0AAA
Black BG
5.0AA
3.3AA Large
1.6Fail
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9A0E
73710E
373640
2F2F2A
18170A

Deuteranopia

A6B311
7D8B0E
3C423C
343A27
1A1D0A

Tritanopia

E1181A
B90D0D
57322E
4E201E
260808

Achromatopsia

656565
424242
292929
202020
0F0F0F

Shades & Tints Shades & Tints

#EA3402

Dark
Light

#C20B0F

Dark
Light

#5B0752

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea3402;
  --color-2: #c20b0f;
  --color-3: #5b0752;
  --color-4: #520237;
  --color-5: #28020d;
}

SCSS

$color-1: #ea3402;
$color-2: #c20b0f;
$color-3: #5b0752;
$color-4: #520237;
$color-5: #28020d;

TAILWIND

colors: {
  'brand-1': '#ea3402',
  'brand-2': '#c20b0f',
  'brand-3': '#5b0752',
  'brand-4': '#520237',
  'brand-5': '#28020d',
}

RGB Array

[234, 52, 2], [194, 11, 15], [91, 7, 82], [82, 2, 55], [40, 2, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EA3402, #C20B0F, #5B0752, #520237, #28020D 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: #ea3402; --color-2: #c20b0f; --color-3: #5b0752; --color-4: #520237; --color-5: #28020d. 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