← Back to Editor

#E93E50 · #6C323E · #8A303A · #F8E354 · #C0CC42

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

#E93E50

Vermilion · Tomato · Passion Red

HEX
#E93E50
RGB
rgb(233, 62, 80)
HSL
hsl(354, 80%, 58%)
HSB
hsb(354, 73%, 91%)
CMYK
cmyk(0%, 73%, 66%, 9%)
Oklch
oklch(62.3% 0.206 20.1)

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

#6C323E

Crimson · Brown · Wine Red

HEX
#6C323E
RGB
rgb(108, 50, 62)
HSL
hsl(348, 37%, 31%)
HSB
hsb(348, 54%, 42%)
CMYK
cmyk(0%, 54%, 43%, 58%)
Oklch
oklch(39.8% 0.083 8.6)

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

#8A303A

Crimson · Brown · Wine Red

HEX
#8A303A
RGB
rgb(138, 48, 58)
HSL
hsl(353, 48%, 36%)
HSB
hsb(353, 65%, 54%)
CMYK
cmyk(0%, 65%, 58%, 46%)
Oklch
oklch(44.3% 0.122 17.1)

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

#F8E354

Fresh Green · Khaki · Sunflower

HEX
#F8E354
RGB
rgb(248, 227, 84)
HSL
hsl(52, 92%, 65%)
HSB
hsb(52, 66%, 97%)
CMYK
cmyk(0%, 8%, 66%, 3%)
Oklch
oklch(90.8% 0.160 100.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C0CC42

Autumn Sage · GreenYellow · Sunflower

HEX
#C0CC42
RGB
rgb(192, 204, 66)
HSL
hsl(65, 58%, 53%)
HSB
hsb(65, 68%, 80%)
CMYK
cmyk(6%, 0%, 68%, 20%)
Oklch
oklch(81.1% 0.158 114.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E93E50
3EEAD8

Analogous

EA3EA5
E93E50
EA833E

Triadic

E93E50
4FEA3E
3E4FEA

Split-Comp.

E93E50
3EEA83
3EA5EA

Tetradic

E93E50
A5EA3E
3EEAD8
833EEA

Contrast Matrix WCAG 2.1 Contrast

E93E50
6C323E
8A303A
F8E354
C0CC42
—
2.4
Fail
2.1
Fail
3.1
AA Large
2.3
Fail
2.4
Fail
—
1.2
Fail
7.4
AAA
5.5
AA
2.1
Fail
1.2
Fail
—
6.3
AA
4.7
AA
3.1
AA Large
7.4
AAA
6.3
AA
—
1.3
Fail
2.3
Fail
5.5
AA
4.7
AA
1.3
Fail
—
White BG
4.0AA Large
9.7AAA
8.2AAA
1.3Fail
1.8Fail
Black BG
5.3AA
2.2Fail
2.6Fail
16.1AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9D4C
53523B
636238
EFEF77
C5C563

Deuteranopia

A9B64B
565B3A
686F37
F0F27F
C5C46B

Tritanopia

E04847
693938
863635
F79298
C17E84

Achromatopsia

737373
454545
4C4C4C
D9D9D9
B9B9B9

Shades & Tints Shades & Tints

#E93E50

Dark
Light

#6C323E

Dark
Light

#8A303A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e93e50;
  --color-2: #6c323e;
  --color-3: #8a303a;
  --color-4: #f8e354;
  --color-5: #c0cc42;
}

SCSS

$color-1: #e93e50;
$color-2: #6c323e;
$color-3: #8a303a;
$color-4: #f8e354;
$color-5: #c0cc42;

TAILWIND

colors: {
  'brand-1': '#e93e50',
  'brand-2': '#6c323e',
  'brand-3': '#8a303a',
  'brand-4': '#f8e354',
  'brand-5': '#c0cc42',
}

RGB Array

[233, 62, 80], [108, 50, 62], [138, 48, 58], [248, 227, 84], [192, 204, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E93E50, #6C323E, #8A303A, #F8E354, #C0CC42 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: #e93e50; --color-2: #6c323e; --color-3: #8a303a; --color-4: #f8e354; --color-5: #c0cc42. 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