← Back to Editor

#EC7491 · #D04D6C · #B72B4C · #8B0C2D · #5E0418

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 AppData Visualization

Color Details Color Details

#EC7491

Peach Pink · LightCoral · Coral Red

HEX
#EC7491
RGB
rgb(236, 116, 145)
HSL
hsl(346, 76%, 69%)
HSB
hsb(346, 51%, 93%)
CMYK
cmyk(0%, 51%, 39%, 7%)
Oklch
oklch(70.6% 0.150 6.5)

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

#D04D6C

Crimson · MediumVioletRed · Passion Red

HEX
#D04D6C
RGB
rgb(208, 77, 108)
HSL
hsl(346, 58%, 56%)
HSB
hsb(346, 63%, 82%)
CMYK
cmyk(0%, 63%, 48%, 18%)
Oklch
oklch(60.4% 0.166 9.2)

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

#B72B4C

Vermilion · Brown · Passion Red

HEX
#B72B4C
RGB
rgb(183, 43, 76)
HSL
hsl(346, 62%, 44%)
HSB
hsb(346, 77%, 72%)
CMYK
cmyk(0%, 77%, 58%, 28%)
Oklch
oklch(52.0% 0.176 12.7)

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

#8B0C2D

Dark Violet · Brown · Camellia

HEX
#8B0C2D
RGB
rgb(139, 12, 45)
HSL
hsl(344, 84%, 30%)
HSB
hsb(344, 91%, 55%)
CMYK
cmyk(0%, 91%, 68%, 45%)
Oklch
oklch(41.0% 0.156 15.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#5E0418

Vermilion · Maroon · Deep Berry

HEX
#5E0418
RGB
rgb(94, 4, 24)
HSL
hsl(347, 92%, 19%)
HSB
hsb(347, 96%, 37%)
CMYK
cmyk(0%, 96%, 74%, 63%)
Oklch
oklch(30.9% 0.119 17.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC7491
74ECD0

Analogous

EC74CC
EC7491
EC9474

Triadic

EC7491
90EC74
7490EC

Split-Comp.

EC7491
74EC94
74CCEC

Tetradic

EC7491
CCEC74
74ECD0
9474EC

Contrast Matrix WCAG 2.1 Contrast

EC7491
D04D6C
B72B4C
8B0C2D
5E0418
—
1.5
Fail
2.2
Fail
3.4
AA Large
5.0
AA
1.5
Fail
—
1.4
Fail
2.3
Fail
3.3
AA Large
2.2
Fail
1.4
Fail
—
1.6
Fail
2.3
Fail
3.4
AA Large
2.3
Fail
1.6
Fail
—
1.5
Fail
5.0
AA
3.3
AA Large
2.3
Fail
1.5
Fail
—
White BG
2.8Fail
4.2AA Large
6.1AA
9.6AAA
13.9AAA
Black BG
7.5AAA
5.0AA
3.5AA Large
2.2Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B78A
979664
7A7944
545325
373613

Deuteranopia

BFC888
9FA963
838D42
5B6523
3C4312

Tritanopia

E68483
C95F5D
B03E3C
851F1D
5A0F0F

Achromatopsia

9B9B9B
787878
595959
363636
212121

Shades & Tints Shades & Tints

#EC7491

Dark
Light

#D04D6C

Dark
Light

#B72B4C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec7491;
  --color-2: #d04d6c;
  --color-3: #b72b4c;
  --color-4: #8b0c2d;
  --color-5: #5e0418;
}

SCSS

$color-1: #ec7491;
$color-2: #d04d6c;
$color-3: #b72b4c;
$color-4: #8b0c2d;
$color-5: #5e0418;

TAILWIND

colors: {
  'brand-1': '#ec7491',
  'brand-2': '#d04d6c',
  'brand-3': '#b72b4c',
  'brand-4': '#8b0c2d',
  'brand-5': '#5e0418',
}

RGB Array

[236, 116, 145], [208, 77, 108], [183, 43, 76], [139, 12, 45], [94, 4, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC7491, #D04D6C, #B72B4C, #8B0C2D, #5E0418 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: #ec7491; --color-2: #d04d6c; --color-3: #b72b4c; --color-4: #8b0c2d; --color-5: #5e0418. 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