← Back to Editor

#E5A136 · #E22416 · #A01C18 · #6E2631 · #452D51

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

#E5A136

Ginger · GoldenRod · Warm Sun

HEX
#E5A136
RGB
rgb(229, 161, 54)
HSL
hsl(37, 77%, 55%)
HSB
hsb(37, 76%, 90%)
CMYK
cmyk(0%, 30%, 76%, 10%)
Oklch
oklch(75.7% 0.142 74.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E22416

Vermilion · Crimson · Passion Red

HEX
#E22416
RGB
rgb(226, 36, 22)
HSL
hsl(4, 82%, 49%)
HSB
hsb(4, 90%, 89%)
CMYK
cmyk(0%, 84%, 90%, 11%)
Oklch
oklch(58.6% 0.223 29.7)

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

#A01C18

Vermilion · FireBrick · Wine Red

HEX
#A01C18
RGB
rgb(160, 28, 24)
HSL
hsl(2, 74%, 36%)
HSB
hsb(2, 85%, 63%)
CMYK
cmyk(0%, 83%, 85%, 37%)
Oklch
oklch(45.8% 0.168 28.1)

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

#6E2631

Crimson · Brown · Wine Red

HEX
#6E2631
RGB
rgb(110, 38, 49)
HSL
hsl(351, 49%, 29%)
HSB
hsb(351, 65%, 43%)
CMYK
cmyk(0%, 65%, 55%, 57%)
Oklch
oklch(37.9% 0.102 14.3)

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

#452D51

Dark Plum · DarkSlateGray · Eggplant

HEX
#452D51
RGB
rgb(69, 45, 81)
HSL
hsl(280, 29%, 25%)
HSB
hsb(280, 44%, 32%)
CMYK
cmyk(15%, 44%, 0%, 68%)
Oklch
oklch(34.2% 0.068 313.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5A136
3478E5

Analogous

E54934
E5A136
D0E534

Triadic

E5A136
34E5A1
A134E5

Split-Comp.

E5A136
34D0E5
4934E5

Tetradic

E5A136
34E549
3478E5
E534D0

Contrast Matrix WCAG 2.1 Contrast

E5A136
E22416
A01C18
6E2631
452D51
—
2.1
Fail
3.5
AA Large
4.8
AA
5.4
AA
2.1
Fail
—
1.7
Fail
2.3
Fail
2.6
Fail
3.5
AA Large
1.7
Fail
—
1.3
Fail
1.5
Fail
4.8
AA
2.3
Fail
1.3
Fail
—
1.1
Fail
5.4
AA
2.6
Fail
1.5
Fail
1.1
Fail
—
White BG
2.2Fail
4.7AA
7.9AAA
10.6AAA
12.0AAA
Black BG
9.5AAA
4.5AA Large
2.7Fail
2.0Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C750
908E19
676619
4F4E2E
3B3A48

Deuteranopia

CCD156
9BA91A
6F7819
53582E
3C3E46

Tritanopia

E26469
D91C1D
991A1A
6A2C2C
444140

Achromatopsia

A9A9A9
5B5B5B
434343
3D3D3D
383838

Shades & Tints Shades & Tints

#E5A136

Dark
Light

#E22416

Dark
Light

#A01C18

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5a136;
  --color-2: #e22416;
  --color-3: #a01c18;
  --color-4: #6e2631;
  --color-5: #452d51;
}

SCSS

$color-1: #e5a136;
$color-2: #e22416;
$color-3: #a01c18;
$color-4: #6e2631;
$color-5: #452d51;

TAILWIND

colors: {
  'brand-1': '#e5a136',
  'brand-2': '#e22416',
  'brand-3': '#a01c18',
  'brand-4': '#6e2631',
  'brand-5': '#452d51',
}

RGB Array

[229, 161, 54], [226, 36, 22], [160, 28, 24], [110, 38, 49], [69, 45, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5A136, #E22416, #A01C18, #6E2631, #452D51 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: #e5a136; --color-2: #e22416; --color-3: #a01c18; --color-4: #6e2631; --color-5: #452d51. 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