← Back to Editor

#C745D5 · #9C5BEB · #763CBD · #5C348C · #530385

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C745D5

Royal Purple · MediumOrchid · Violet

HEX
#C745D5
RGB
rgb(199, 69, 213)
HSL
hsl(294, 63%, 55%)
HSB
hsb(294, 68%, 84%)
CMYK
cmyk(7%, 68%, 0%, 16%)
Oklch
oklch(62.6% 0.231 323.7)

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

#9C5BEB

Wisteria · MediumSlateBlue · Lilac Purple

HEX
#9C5BEB
RGB
rgb(156, 91, 235)
HSL
hsl(267, 78%, 64%)
HSB
hsb(267, 61%, 92%)
CMYK
cmyk(34%, 61%, 0%, 8%)
Oklch
oklch(61.4% 0.209 301.2)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#763CBD

Deep Indigo · SlateBlue · Violet

HEX
#763CBD
RGB
rgb(118, 60, 189)
HSL
hsl(267, 52%, 49%)
HSB
hsb(267, 68%, 74%)
CMYK
cmyk(38%, 68%, 0%, 26%)
Oklch
oklch(49.8% 0.192 300.0)

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

#5C348C

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#5C348C
RGB
rgb(92, 52, 140)
HSL
hsl(267, 46%, 38%)
HSB
hsb(267, 63%, 55%)
CMYK
cmyk(34%, 63%, 0%, 45%)
Oklch
oklch(42.0% 0.141 301.5)

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

#530385

Royal Purple · Purple · Eggplant

HEX
#530385
RGB
rgb(83, 3, 133)
HSL
hsl(277, 96%, 27%)
HSB
hsb(277, 98%, 52%)
CMYK
cmyk(38%, 98%, 0%, 48%)
Oklch
oklch(35.5% 0.182 304.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C745D5
52D544

Analogous

7E44D5
C745D5
D5449B

Triadic

C745D5
D5C644
44D5C6

Split-Comp.

C745D5
9BD544
44D57E

Tetradic

C745D5
D57E44
52D544
449BD5

Contrast Matrix WCAG 2.1 Contrast

C745D5
9C5BEB
763CBD
5C348C
530385
—
1.0
Fail
1.7
Fail
2.3
Fail
3.0
AA Large
1.0
Fail
—
1.6
Fail
2.2
Fail
3.0
Fail
1.7
Fail
1.6
Fail
—
1.4
Fail
1.8
Fail
2.3
Fail
2.2
Fail
1.4
Fail
—
1.4
Fail
3.0
AA Large
3.0
Fail
1.8
Fail
1.4
Fail
—
White BG
4.0AA Large
4.1AA Large
6.7AA
9.0AAA
12.2AAA
Black BG
5.2AA
5.1AA
3.2AA Large
2.3Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8EB2
807FC8
5D5C9E
4B4A77
303066

Deuteranopia

96A0AA
8489C0
606596
4D5072
353B5E

Tritanopia

C09791
99ADA7
738580
5A6662
4F4D47

Achromatopsia

7C7C7C
7F7F7F
5C5C5C
4A4A4A
2A2A2A

Shades & Tints Shades & Tints

#C745D5

Dark
Light

#9C5BEB

Dark
Light

#763CBD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c745d5;
  --color-2: #9c5beb;
  --color-3: #763cbd;
  --color-4: #5c348c;
  --color-5: #530385;
}

SCSS

$color-1: #c745d5;
$color-2: #9c5beb;
$color-3: #763cbd;
$color-4: #5c348c;
$color-5: #530385;

TAILWIND

colors: {
  'brand-1': '#c745d5',
  'brand-2': '#9c5beb',
  'brand-3': '#763cbd',
  'brand-4': '#5c348c',
  'brand-5': '#530385',
}

RGB Array

[199, 69, 213], [156, 91, 235], [118, 60, 189], [92, 52, 140], [83, 3, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C745D5, #9C5BEB, #763CBD, #5C348C, #530385 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #c745d5; --color-2: #9c5beb; --color-3: #763cbd; --color-4: #5c348c; --color-5: #530385. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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