← Back to Editor

#ED8577 · #DF4078 · #9E0D7A · #3B0349 · #050505

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

#ED8577

Peach Pink · LightCoral · Coral Red

HEX
#ED8577
RGB
rgb(237, 133, 119)
HSL
hsl(7, 77%, 70%)
HSB
hsb(7, 50%, 93%)
CMYK
cmyk(0%, 44%, 50%, 7%)
Oklch
oklch(72.7% 0.130 28.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DF4078

Dark Violet · MediumVioletRed · Rose Pink

HEX
#DF4078
RGB
rgb(223, 64, 120)
HSL
hsl(339, 71%, 56%)
HSB
hsb(339, 71%, 87%)
CMYK
cmyk(0%, 71%, 46%, 13%)
Oklch
oklch(61.8% 0.199 3.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#9E0D7A

Rose Purple · DarkMagenta · Eggplant

HEX
#9E0D7A
RGB
rgb(158, 13, 122)
HSL
hsl(315, 85%, 34%)
HSB
hsb(315, 92%, 62%)
CMYK
cmyk(0%, 92%, 23%, 38%)
Oklch
oklch(47.4% 0.197 342.0)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#3B0349

Royal Purple · MidnightBlue · Dark Purple

HEX
#3B0349
RGB
rgb(59, 3, 73)
HSL
hsl(288, 92%, 15%)
HSB
hsb(288, 96%, 29%)
CMYK
cmyk(19%, 96%, 0%, 71%)
Oklch
oklch(26.2% 0.122 318.0)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#050505

Ink Black · Black · Jet Black

HEX
#050505
RGB
rgb(5, 5, 5)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(11.5% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED8577
78E0ED

Analogous

ED78A5
ED8577
EDC078

Triadic

ED8577
78ED85
8578ED

Split-Comp.

ED8577
78EDC0
78A5ED

Tetradic

ED8577
A5ED78
78E0ED
C078ED

Contrast Matrix WCAG 2.1 Contrast

ED8577
DF4078
9E0D7A
3B0349
050505
—
1.6
Fail
2.9
Fail
6.3
AA
8.0
AAA
1.6
Fail
—
1.8
Fail
4.0
AA Large
5.0
AA
2.9
Fail
1.8
Fail
—
2.2
Fail
2.7
Fail
6.3
AA
4.0
AA Large
2.2
Fail
—
1.3
Fail
8.0
AAA
5.0
AA
2.7
Fail
1.3
Fail
—
White BG
2.6Fail
4.1AA Large
7.5AAA
16.2AAA
20.4AAA
Black BG
8.2AAA
5.1AA
2.8Fail
1.3Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF7A
9A996A
5F5E60
232238
050505

Deuteranopia

C6CE7B
A3AF67
687359
262A34
050505

Tritanopia

E87D7E
D7605D
974B46
382B28
050505

Achromatopsia

A3A3A3
767676
454545
1C1C1C
050505

Shades & Tints Shades & Tints

#ED8577

Dark
Light

#DF4078

Dark
Light

#9E0D7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed8577;
  --color-2: #df4078;
  --color-3: #9e0d7a;
  --color-4: #3b0349;
  --color-5: #050505;
}

SCSS

$color-1: #ed8577;
$color-2: #df4078;
$color-3: #9e0d7a;
$color-4: #3b0349;
$color-5: #050505;

TAILWIND

colors: {
  'brand-1': '#ed8577',
  'brand-2': '#df4078',
  'brand-3': '#9e0d7a',
  'brand-4': '#3b0349',
  'brand-5': '#050505',
}

RGB Array

[237, 133, 119], [223, 64, 120], [158, 13, 122], [59, 3, 73], [5, 5, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED8577, #DF4078, #9E0D7A, #3B0349, #050505 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #ed8577; --color-2: #df4078; --color-3: #9e0d7a; --color-4: #3b0349; --color-5: #050505. 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. 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