← Back to Editor

#EC7C0B · #C94D31 · #A51D56 · #7F155F · #580D68

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

#EC7C0B

Ochre · Chocolate · Amber Brown

HEX
#EC7C0B
RGB
rgb(236, 124, 11)
HSL
hsl(30, 91%, 48%)
HSB
hsb(30, 95%, 93%)
CMYK
cmyk(0%, 47%, 95%, 7%)
Oklch
oklch(70.0% 0.170 55.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#C94D31

Vermilion · Chocolate · Passion Red

HEX
#C94D31
RGB
rgb(201, 77, 49)
HSL
hsl(11, 61%, 49%)
HSB
hsb(11, 76%, 79%)
CMYK
cmyk(0%, 62%, 76%, 21%)
Oklch
oklch(58.2% 0.164 34.2)

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

#A51D56

Dark Violet · Brown · Camellia

HEX
#A51D56
RGB
rgb(165, 29, 86)
HSL
hsl(335, 70%, 38%)
HSB
hsb(335, 82%, 65%)
CMYK
cmyk(0%, 82%, 48%, 35%)
Oklch
oklch(48.0% 0.174 1.9)

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

#7F155F

Rose Purple · Purple · Eggplant

HEX
#7F155F
RGB
rgb(127, 21, 95)
HSL
hsl(318, 72%, 29%)
HSB
hsb(318, 83%, 50%)
CMYK
cmyk(0%, 83%, 25%, 50%)
Oklch
oklch(41.0% 0.157 343.8)

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

#580D68

Royal Purple · Purple · Eggplant

HEX
#580D68
RGB
rgb(88, 13, 104)
HSL
hsl(289, 78%, 23%)
HSB
hsb(289, 88%, 41%)
CMYK
cmyk(15%, 87%, 0%, 59%)
Oklch
oklch(34.3% 0.151 319.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC7C0B
0B7AEA

Analogous

EA0B0B
EC7C0B
EAEA0B

Triadic

EC7C0B
0BEA7A
7A0BEA

Split-Comp.

EC7C0B
0BEAEA
0B0BEA

Tetradic

EC7C0B
0BEA0B
0B7AEA
EA0BEA

Contrast Matrix WCAG 2.1 Contrast

EC7C0B
C94D31
A51D56
7F155F
580D68
—
1.6
Fail
2.6
Fail
3.4
AA Large
4.5
AA Large
1.6
Fail
—
1.6
Fail
2.1
Fail
2.7
Fail
2.6
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
3.4
AA Large
2.1
Fail
1.3
Fail
—
1.3
Fail
4.5
AA Large
2.7
Fail
1.7
Fail
1.3
Fail
—
White BG
2.8Fail
4.6AA
7.2AAA
9.7AAA
12.6AAA
Black BG
7.5AAA
4.6AA
2.9Fail
2.2Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBA26
939238
6A6948
51504D
383752

Deuteranopia

C2CA2D
9BA439
727C45
575F49
3C424D

Tritanopia

E63C41
C33D3E
9E3D3B
7A3F3C
54413D

Achromatopsia

919191
6F6F6F
4C4C4C
3D3D3D
2E2E2E

Shades & Tints Shades & Tints

#EC7C0B

Dark
Light

#C94D31

Dark
Light

#A51D56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec7c0b;
  --color-2: #c94d31;
  --color-3: #a51d56;
  --color-4: #7f155f;
  --color-5: #580d68;
}

SCSS

$color-1: #ec7c0b;
$color-2: #c94d31;
$color-3: #a51d56;
$color-4: #7f155f;
$color-5: #580d68;

TAILWIND

colors: {
  'brand-1': '#ec7c0b',
  'brand-2': '#c94d31',
  'brand-3': '#a51d56',
  'brand-4': '#7f155f',
  'brand-5': '#580d68',
}

RGB Array

[236, 124, 11], [201, 77, 49], [165, 29, 86], [127, 21, 95], [88, 13, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC7C0B, #C94D31, #A51D56, #7F155F, #580D68 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: #ec7c0b; --color-2: #c94d31; --color-3: #a51d56; --color-4: #7f155f; --color-5: #580d68. 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