← Back to Editor

#480D4A · #4F035B · #7F135F · #82677C · #FC4E78

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

#480D4A

Royal Purple · MidnightBlue · Dark Purple

HEX
#480D4A
RGB
rgb(72, 13, 74)
HSL
hsl(298, 70%, 17%)
HSB
hsb(298, 82%, 29%)
CMYK
cmyk(3%, 82%, 0%, 71%)
Oklch
oklch(29.4% 0.117 326.6)

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

#4F035B

Royal Purple · Purple · Dark Purple

HEX
#4F035B
RGB
rgb(79, 3, 91)
HSL
hsl(292, 94%, 18%)
HSB
hsb(292, 97%, 36%)
CMYK
cmyk(13%, 97%, 0%, 64%)
Oklch
oklch(31.1% 0.145 321.3)

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

#7F135F

Rose Purple · Purple · Eggplant

HEX
#7F135F
RGB
rgb(127, 19, 95)
HSL
hsl(318, 74%, 29%)
HSB
hsb(318, 85%, 50%)
CMYK
cmyk(0%, 85%, 25%, 50%)
Oklch
oklch(40.8% 0.159 343.7)

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

#82677C

Rose Purple · Gray · Violet

HEX
#82677C
RGB
rgb(130, 103, 124)
HSL
hsl(313, 12%, 46%)
HSB
hsb(313, 21%, 51%)
CMYK
cmyk(0%, 21%, 5%, 49%)
Oklch
oklch(54.7% 0.046 334.1)

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

#FC4E78

Peach Pink · Salmon · Coral Red

HEX
#FC4E78
RGB
rgb(252, 78, 120)
HSL
hsl(346, 97%, 65%)
HSB
hsb(346, 69%, 99%)
CMYK
cmyk(0%, 69%, 52%, 1%)
Oklch
oklch(67.7% 0.210 10.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

480D4A
0F4A0D

Analogous

290D4A
480D4A
4A0D2D

Triadic

480D4A
4A480D
0D4A48

Split-Comp.

480D4A
2D4A0D
0D4A29

Tetradic

480D4A
4A290D
0F4A0D
0D2D4A

Contrast Matrix WCAG 2.1 Contrast

480D4A
4F035B
7F135F
82677C
FC4E78
—
1.0
Fail
1.5
Fail
2.9
Fail
4.5
AA
1.0
Fail
—
1.4
Fail
2.8
Fail
4.3
AA Large
1.5
Fail
1.4
Fail
—
1.9
Fail
3.0
AA Large
2.9
Fail
2.8
Fail
1.9
Fail
—
1.6
Fail
4.5
AA
4.3
AA Large
3.0
AA Large
1.6
Fail
—
White BG
14.7AAA
14.0AAA
9.7AAA
5.0AA
3.2AA Large
Black BG
1.4Fail
1.5Fail
2.2Fail
4.2AA Large
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E3B
2E2D46
504F4D
767677
B1AF6E

Deuteranopia

323638
333841
575F48
787A76
BBC86B

Tritanopia

45302D
4B3531
7A3E3B
817372
F36664

Achromatopsia

262626
242424
3C3C3C
717171
878787

Shades & Tints Shades & Tints

#480D4A

Dark
Light

#4F035B

Dark
Light

#7F135F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #480d4a;
  --color-2: #4f035b;
  --color-3: #7f135f;
  --color-4: #82677c;
  --color-5: #fc4e78;
}

SCSS

$color-1: #480d4a;
$color-2: #4f035b;
$color-3: #7f135f;
$color-4: #82677c;
$color-5: #fc4e78;

TAILWIND

colors: {
  'brand-1': '#480d4a',
  'brand-2': '#4f035b',
  'brand-3': '#7f135f',
  'brand-4': '#82677c',
  'brand-5': '#fc4e78',
}

RGB Array

[72, 13, 74], [79, 3, 91], [127, 19, 95], [130, 103, 124], [252, 78, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #480D4A, #4F035B, #7F135F, #82677C, #FC4E78 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: #480d4a; --color-2: #4f035b; --color-3: #7f135f; --color-4: #82677c; --color-5: #fc4e78. 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