← Back to Editor

#EA2D1A · #D51B20 · #C00925 · #42023D · #281D23

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

#EA2D1A

Vermilion · OrangeRed · Passion Red

HEX
#EA2D1A
RGB
rgb(234, 45, 26)
HSL
hsl(5, 83%, 51%)
HSB
hsb(5, 89%, 92%)
CMYK
cmyk(0%, 81%, 89%, 8%)
Oklch
oklch(60.6% 0.225 30.3)

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

#D51B20

Vermilion · Crimson · Passion Red

HEX
#D51B20
RGB
rgb(213, 27, 32)
HSL
hsl(358, 78%, 47%)
HSB
hsb(358, 87%, 84%)
CMYK
cmyk(0%, 87%, 85%, 16%)
Oklch
oklch(55.8% 0.215 27.1)

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

#C00925

Vermilion · FireBrick · Wine Red

HEX
#C00925
RGB
rgb(192, 9, 37)
HSL
hsl(351, 91%, 39%)
HSB
hsb(351, 95%, 75%)
CMYK
cmyk(0%, 95%, 81%, 25%)
Oklch
oklch(51.2% 0.203 23.8)

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

#42023D

Rose Purple · MidnightBlue · Dark Purple

HEX
#42023D
RGB
rgb(66, 2, 61)
HSL
hsl(305, 94%, 13%)
HSB
hsb(305, 97%, 26%)
CMYK
cmyk(0%, 97%, 8%, 74%)
Oklch
oklch(26.4% 0.116 332.1)

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

#281D23

Rose Purple · Black · Raspberry

HEX
#281D23
RGB
rgb(40, 29, 35)
HSL
hsl(327, 16%, 14%)
HSB
hsb(327, 28%, 16%)
CMYK
cmyk(0%, 27%, 13%, 84%)
Oklch
oklch(24.6% 0.020 344.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA2D1A
1AD8EA

Analogous

EA1A71
EA2D1A
EA931A

Triadic

EA2D1A
1AEA2C
2C1AEA

Split-Comp.

EA2D1A
1AEA93
1A71EA

Tetradic

EA2D1A
71EA1A
1AD8EA
931AEA

Contrast Matrix WCAG 2.1 Contrast

EA2D1A
D51B20
C00925
42023D
281D23
—
1.2
Fail
1.5
Fail
3.7
AA Large
3.8
AA Large
1.2
Fail
—
1.2
Fail
3.1
AA Large
3.1
AA Large
1.5
Fail
1.2
Fail
—
2.5
Fail
2.6
Fail
3.7
AA Large
3.1
AA Large
2.5
Fail
—
1.0
Fail
3.8
AA Large
3.1
AA Large
2.6
Fail
1.0
Fail
—
White BG
4.3AA Large
5.2AA
6.4AA
16.1AAA
16.3AAA
Black BG
4.9AA
4.0AA Large
3.3AA Large
1.3Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

98961F
84831F
716F1E
26262F
232322

Deuteranopia

A3B120
8F9D1F
7B891D
2A2F2B
242521

Tritanopia

E12223
CC1E1E
B71918
3F2321
272020

Achromatopsia

636363
535353
434343
1C1C1C
212121

Shades & Tints Shades & Tints

#EA2D1A

Dark
Light

#D51B20

Dark
Light

#C00925

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea2d1a;
  --color-2: #d51b20;
  --color-3: #c00925;
  --color-4: #42023d;
  --color-5: #281d23;
}

SCSS

$color-1: #ea2d1a;
$color-2: #d51b20;
$color-3: #c00925;
$color-4: #42023d;
$color-5: #281d23;

TAILWIND

colors: {
  'brand-1': '#ea2d1a',
  'brand-2': '#d51b20',
  'brand-3': '#c00925',
  'brand-4': '#42023d',
  'brand-5': '#281d23',
}

RGB Array

[234, 45, 26], [213, 27, 32], [192, 9, 37], [66, 2, 61], [40, 29, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EA2D1A, #D51B20, #C00925, #42023D, #281D23 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: #ea2d1a; --color-2: #d51b20; --color-3: #c00925; --color-4: #42023d; --color-5: #281d23. 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