← Back to Editor

#4E080A · #E82E31 · #D26C79 · #F25134 · #5D95AC

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#4E080A

Vermilion · Maroon · Deep Berry

HEX
#4E080A
RGB
rgb(78, 8, 10)
HSL
hsl(358, 81%, 17%)
HSB
hsb(358, 90%, 31%)
CMYK
cmyk(0%, 90%, 87%, 69%)
Oklch
oklch(27.5% 0.100 25.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#E82E31

Vermilion · Crimson · Passion Red

HEX
#E82E31
RGB
rgb(232, 46, 49)
HSL
hsl(359, 80%, 55%)
HSB
hsb(359, 80%, 91%)
CMYK
cmyk(0%, 80%, 79%, 9%)
Oklch
oklch(60.5% 0.220 26.3)

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

#D26C79

Peach Pink · LightCoral · Coral Red

HEX
#D26C79
RGB
rgb(210, 108, 121)
HSL
hsl(352, 53%, 62%)
HSB
hsb(352, 49%, 82%)
CMYK
cmyk(0%, 49%, 42%, 18%)
Oklch
oklch(65.3% 0.129 13.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F25134

Vermilion · Tomato · Passion Red

HEX
#F25134
RGB
rgb(242, 81, 52)
HSL
hsl(9, 88%, 58%)
HSB
hsb(9, 79%, 95%)
CMYK
cmyk(0%, 67%, 79%, 5%)
Oklch
oklch(65.3% 0.202 32.5)

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

#5D95AC

Slate Blue · CadetBlue · Lake Green

HEX
#5D95AC
RGB
rgb(93, 149, 172)
HSL
hsl(197, 32%, 52%)
HSB
hsb(197, 46%, 67%)
CMYK
cmyk(46%, 13%, 0%, 33%)
Oklch
oklch(64.0% 0.068 226.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4E080A
084E4C

Analogous

4E082E
4E080A
4E2908

Triadic

4E080A
0B4E08
080B4E

Split-Comp.

4E080A
084E29
082E4E

Tetradic

4E080A
2E4E08
084E4C
29084E

Contrast Matrix WCAG 2.1 Contrast

4E080A
E82E31
D26C79
F25134
5D95AC
—
3.6
AA Large
4.5
AA
4.4
AA Large
4.7
AA
3.6
AA Large
—
1.3
Fail
1.2
Fail
1.3
Fail
4.5
AA
1.3
Fail
—
1.0
Fail
1.0
Fail
4.4
AA Large
1.2
Fail
1.0
Fail
—
1.1
Fail
4.7
AA
1.3
Fail
1.0
Fail
1.1
Fail
—
White BG
15.4AAA
4.3AA Large
3.4AA Large
3.5AA Large
3.3AA Large
Black BG
1.4Fail
4.9AA
6.2AA
6.0AA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

302F0A
979630
A6A576
ACAB3B
7576A6

Deuteranopia

343909
A2B030
ACB375
B6C23D
726EA5

Tritanopia

4B0909
DF3030
CD7373
EA4142
60A2A1

Achromatopsia

1D1D1D
666666
8C8C8C
7E7E7E
878787

Shades & Tints Shades & Tints

#4E080A

Dark
Light

#E82E31

Dark
Light

#D26C79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4e080a;
  --color-2: #e82e31;
  --color-3: #d26c79;
  --color-4: #f25134;
  --color-5: #5d95ac;
}

SCSS

$color-1: #4e080a;
$color-2: #e82e31;
$color-3: #d26c79;
$color-4: #f25134;
$color-5: #5d95ac;

TAILWIND

colors: {
  'brand-1': '#4e080a',
  'brand-2': '#e82e31',
  'brand-3': '#d26c79',
  'brand-4': '#f25134',
  'brand-5': '#5d95ac',
}

RGB Array

[78, 8, 10], [232, 46, 49], [210, 108, 121], [242, 81, 52], [93, 149, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4E080A, #E82E31, #D26C79, #F25134, #5D95AC is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #4e080a; --color-2: #e82e31; --color-3: #d26c79; --color-4: #f25134; --color-5: #5d95ac. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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