← Back to Editor

#D83B8C · #9B0085 · #7C1280 · #6A3980 · #573980

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D83B8C

Rose Purple · MediumVioletRed · Rose Pink

HEX
#D83B8C
RGB
rgb(216, 59, 140)
HSL
hsl(329, 67%, 54%)
HSB
hsb(329, 73%, 85%)
CMYK
cmyk(0%, 73%, 35%, 15%)
Oklch
oklch(60.8% 0.205 353.5)

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

#9B0085

Rose Purple · DarkMagenta · Eggplant

HEX
#9B0085
RGB
rgb(155, 0, 133)
HSL
hsl(309, 100%, 30%)
HSB
hsb(309, 100%, 61%)
CMYK
cmyk(0%, 100%, 14%, 39%)
Oklch
oklch(47.1% 0.208 336.4)

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

#7C1280

Royal Purple · Purple · Eggplant

HEX
#7C1280
RGB
rgb(124, 18, 128)
HSL
hsl(298, 75%, 29%)
HSB
hsb(298, 86%, 50%)
CMYK
cmyk(3%, 86%, 0%, 50%)
Oklch
oklch(42.2% 0.182 326.5)

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

#6A3980

Dark Plum · DarkSlateBlue · Eggplant

HEX
#6A3980
RGB
rgb(106, 57, 128)
HSL
hsl(281, 38%, 36%)
HSB
hsb(281, 55%, 50%)
CMYK
cmyk(17%, 55%, 0%, 50%)
Oklch
oklch(43.7% 0.123 314.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#573980

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#573980
RGB
rgb(87, 57, 128)
HSL
hsl(265, 38%, 36%)
HSB
hsb(265, 55%, 50%)
CMYK
cmyk(32%, 55%, 0%, 50%)
Oklch
oklch(41.4% 0.117 301.0)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D83B8C
3BD887

Analogous

D63BD8
D83B8C
D83B3E

Triadic

D83B8C
8CD83B
3B8CD8

Split-Comp.

D83B8C
3ED83B
3BD8D6

Tetradic

D83B8C
D8D63B
3BD887
3B3ED8

Contrast Matrix WCAG 2.1 Contrast

D83B8C
9B0085
7C1280
6A3980
573980
—
1.8
Fail
2.2
Fail
2.0
Fail
2.1
Fail
1.8
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
2.2
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
2.0
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
2.1
Fail
1.2
Fail
1.0
Fail
1.1
Fail
—
White BG
4.3AA Large
7.7AAA
9.3AAA
8.4AAA
9.1AAA
Black BG
4.9AA
2.7Fail
2.3Fail
2.5Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

949378
585665
4E4D65
55546F
4A4A6F

Deuteranopia

9DA974
616D5D
545C5F
585B6B
4C4E6B

Tritanopia

D06966
934B46
77504C
68615E
55615E

Achromatopsia

737373
3E3E3E
3E3E3E
505050
4A4A4A

Shades & Tints Shades & Tints

#D83B8C

Dark
Light

#9B0085

Dark
Light

#7C1280

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d83b8c;
  --color-2: #9b0085;
  --color-3: #7c1280;
  --color-4: #6a3980;
  --color-5: #573980;
}

SCSS

$color-1: #d83b8c;
$color-2: #9b0085;
$color-3: #7c1280;
$color-4: #6a3980;
$color-5: #573980;

TAILWIND

colors: {
  'brand-1': '#d83b8c',
  'brand-2': '#9b0085',
  'brand-3': '#7c1280',
  'brand-4': '#6a3980',
  'brand-5': '#573980',
}

RGB Array

[216, 59, 140], [155, 0, 133], [124, 18, 128], [106, 57, 128], [87, 57, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D83B8C, #9B0085, #7C1280, #6A3980, #573980 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: #d83b8c; --color-2: #9b0085; --color-3: #7c1280; --color-4: #6a3980; --color-5: #573980. 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