← Back to Editor

#EF7979 · #C72961 · #752960 · #380F3C · #120321

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

#EF7979

Peach Pink · LightCoral · Coral Red

HEX
#EF7979
RGB
rgb(239, 121, 121)
HSL
hsl(0, 79%, 71%)
HSB
hsb(0, 49%, 94%)
CMYK
cmyk(0%, 49%, 49%, 6%)
Oklch
oklch(71.1% 0.146 21.4)

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

#C72961

Dark Violet · MediumVioletRed · Camellia

HEX
#C72961
RGB
rgb(199, 41, 97)
HSL
hsl(339, 66%, 47%)
HSB
hsb(339, 79%, 78%)
CMYK
cmyk(0%, 79%, 51%, 22%)
Oklch
oklch(55.2% 0.195 5.8)

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

#752960

Rose Purple · Purple · Eggplant

HEX
#752960
RGB
rgb(117, 41, 96)
HSL
hsl(317, 48%, 31%)
HSB
hsb(317, 65%, 46%)
CMYK
cmyk(0%, 65%, 18%, 54%)
Oklch
oklch(41.3% 0.126 340.1)

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

#380F3C

Royal Purple · MidnightBlue · Dark Purple

HEX
#380F3C
RGB
rgb(56, 15, 60)
HSL
hsl(295, 60%, 15%)
HSB
hsb(295, 75%, 24%)
CMYK
cmyk(7%, 75%, 0%, 76%)
Oklch
oklch(25.9% 0.092 324.1)

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

#120321

Royal Purple · Black · Dark Purple

HEX
#120321
RGB
rgb(18, 3, 33)
HSL
hsl(270, 83%, 7%)
HSB
hsb(270, 91%, 13%)
CMYK
cmyk(45%, 91%, 0%, 87%)
Oklch
oklch(15.3% 0.064 304.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF7979
7BEFEF

Analogous

EF7BB5
EF7979
EFB57B

Triadic

EF7979
7BEF7B
7B7BEF

Split-Comp.

EF7979
7BEFB5
7BB5EF

Tetradic

EF7979
B5EF7B
7BEFEF
B57BEF

Contrast Matrix WCAG 2.1 Contrast

EF7979
C72961
752960
380F3C
120321
—
2.0
Fail
3.4
AA Large
5.9
AA
7.2
AAA
2.0
Fail
—
1.7
Fail
3.0
AA Large
3.7
AA Large
3.4
AA Large
1.7
Fail
—
1.7
Fail
2.1
Fail
5.9
AA
3.0
AA Large
1.7
Fail
—
1.2
Fail
7.2
AAA
3.7
AA Large
2.1
Fail
1.2
Fail
—
White BG
2.7Fail
5.4AA
9.4AAA
16.1AAA
19.8AAA
Black BG
7.7AAA
3.9AA Large
2.2Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB79
838153
545353
262631
0C0B1A

Deuteranopia

C3CC79
8C9850
595E4F
292C2F
0C0E18

Tritanopia

E97979
BF4946
714846
362927
111413

Achromatopsia

9C9C9C
5F5F5F
464646
202020
0B0B0B

Shades & Tints Shades & Tints

#EF7979

Dark
Light

#C72961

Dark
Light

#752960

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef7979;
  --color-2: #c72961;
  --color-3: #752960;
  --color-4: #380f3c;
  --color-5: #120321;
}

SCSS

$color-1: #ef7979;
$color-2: #c72961;
$color-3: #752960;
$color-4: #380f3c;
$color-5: #120321;

TAILWIND

colors: {
  'brand-1': '#ef7979',
  'brand-2': '#c72961',
  'brand-3': '#752960',
  'brand-4': '#380f3c',
  'brand-5': '#120321',
}

RGB Array

[239, 121, 121], [199, 41, 97], [117, 41, 96], [56, 15, 60], [18, 3, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EF7979, #C72961, #752960, #380F3C, #120321 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: #ef7979; --color-2: #c72961; --color-3: #752960; --color-4: #380f3c; --color-5: #120321. 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