← Back to Editor

#E50419 · #AC0B07 · #CF2A42 · #FA4503 · #820724

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

#E50419

Vermilion · Red · Passion Red

HEX
#E50419
RGB
rgb(229, 4, 25)
HSL
hsl(354, 97%, 46%)
HSB
hsb(354, 98%, 90%)
CMYK
cmyk(0%, 98%, 89%, 10%)
Oklch
oklch(58.1% 0.236 27.2)

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

#AC0B07

Vermilion · DarkRed · Wine Red

HEX
#AC0B07
RGB
rgb(172, 11, 7)
HSL
hsl(1, 92%, 35%)
HSB
hsb(1, 96%, 67%)
CMYK
cmyk(0%, 94%, 96%, 33%)
Oklch
oklch(47.1% 0.188 29.1)

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

#CF2A42

Vermilion · Crimson · Passion Red

HEX
#CF2A42
RGB
rgb(207, 42, 66)
HSL
hsl(351, 66%, 49%)
HSB
hsb(351, 80%, 81%)
CMYK
cmyk(0%, 80%, 68%, 19%)
Oklch
oklch(56.0% 0.199 19.4)

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

#FA4503

Tangerine · OrangeRed · Amber Brown

HEX
#FA4503
RGB
rgb(250, 69, 3)
HSL
hsl(16, 98%, 50%)
HSB
hsb(16, 99%, 98%)
CMYK
cmyk(0%, 72%, 99%, 2%)
Oklch
oklch(65.2% 0.225 35.5)

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

#820724

Vermilion · Maroon · Wine Red

HEX
#820724
RGB
rgb(130, 7, 36)
HSL
hsl(346, 90%, 27%)
HSB
hsb(346, 95%, 51%)
CMYK
cmyk(0%, 95%, 72%, 49%)
Oklch
oklch(38.8% 0.151 17.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E50419
04E7D0

Analogous

E7048C
E50419
E75F04

Triadic

E50419
1AE704
041AE7

Split-Comp.

E50419
04E75F
048CE7

Tetradic

E50419
8CE704
04E7D0
5F04E7

Contrast Matrix WCAG 2.1 Contrast

E50419
AC0B07
CF2A42
FA4503
820724
—
1.6
Fail
1.1
Fail
1.4
Fail
2.2
Fail
1.6
Fail
—
1.4
Fail
2.1
Fail
1.4
Fail
1.1
Fail
1.4
Fail
—
1.5
Fail
2.0
Fail
1.4
Fail
2.1
Fail
1.5
Fail
—
3.0
Fail
2.2
Fail
1.4
Fail
2.0
Fail
3.0
Fail
—
White BG
4.8AA
7.5AAA
5.2AA
3.5AA Large
10.5AAA
Black BG
4.4AA Large
2.8Fail
4.1AA Large
5.9AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

848214
666508
88863C
ACAA13
4D4C1D

Deuteranopia

91A113
707C08
919D3B
B6C417
545D1B

Tritanopia

DA100F
A40909
C73837
F12022
7C1716

Achromatopsia

4A4A4A
3B3B3B
5E5E5E
747474
2F2F2F

Shades & Tints Shades & Tints

#E50419

Dark
Light

#AC0B07

Dark
Light

#CF2A42

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e50419;
  --color-2: #ac0b07;
  --color-3: #cf2a42;
  --color-4: #fa4503;
  --color-5: #820724;
}

SCSS

$color-1: #e50419;
$color-2: #ac0b07;
$color-3: #cf2a42;
$color-4: #fa4503;
$color-5: #820724;

TAILWIND

colors: {
  'brand-1': '#e50419',
  'brand-2': '#ac0b07',
  'brand-3': '#cf2a42',
  'brand-4': '#fa4503',
  'brand-5': '#820724',
}

RGB Array

[229, 4, 25], [172, 11, 7], [207, 42, 66], [250, 69, 3], [130, 7, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E50419, #AC0B07, #CF2A42, #FA4503, #820724 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: #e50419; --color-2: #ac0b07; --color-3: #cf2a42; --color-4: #fa4503; --color-5: #820724. 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