← Back to Editor

#D449FA · #A638CB · #79279D · #4B166E · #1D053F

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 AppData Visualization

Color Details Color Details

#D449FA

Lilac · MediumOrchid · Lilac Purple

HEX
#D449FA
RGB
rgb(212, 73, 250)
HSL
hsl(287, 95%, 63%)
HSB
hsb(287, 71%, 98%)
CMYK
cmyk(15%, 71%, 0%, 2%)
Oklch
oklch(66.9% 0.263 318.0)

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

#A638CB

Royal Purple · DarkOrchid · Violet

HEX
#A638CB
RGB
rgb(166, 56, 203)
HSL
hsl(285, 59%, 51%)
HSB
hsb(285, 72%, 80%)
CMYK
cmyk(18%, 72%, 0%, 20%)
Oklch
oklch(56.3% 0.224 316.1)

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

#79279D

Royal Purple · DarkMagenta · Eggplant

HEX
#79279D
RGB
rgb(121, 39, 157)
HSL
hsl(282, 60%, 38%)
HSB
hsb(282, 75%, 62%)
CMYK
cmyk(23%, 75%, 0%, 38%)
Oklch
oklch(45.4% 0.185 313.1)

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

#4B166E

Royal Purple · DarkSlateBlue · Eggplant

HEX
#4B166E
RGB
rgb(75, 22, 110)
HSL
hsl(276, 67%, 26%)
HSB
hsb(276, 80%, 43%)
CMYK
cmyk(32%, 80%, 0%, 57%)
Oklch
oklch(33.6% 0.143 307.6)

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

#1D053F

Deep Indigo · MidnightBlue · Dark Purple

HEX
#1D053F
RGB
rgb(29, 5, 63)
HSL
hsl(265, 85%, 13%)
HSB
hsb(265, 92%, 25%)
CMYK
cmyk(54%, 92%, 0%, 75%)
Oklch
oklch(20.6% 0.100 294.9)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D449FA
6EFA47

Analogous

7A47FA
D449FA
FA47C7

Triadic

D449FA
FAD347
47FAD3

Split-Comp.

D449FA
C7FA47
47FA7A

Tetradic

D449FA
FA7A47
6EFA47
47C7FA

Contrast Matrix WCAG 2.1 Contrast

D449FA
A638CB
79279D
4B166E
1D053F
—
1.5
Fail
2.4
Fail
3.7
AA Large
5.4
AA
1.5
Fail
—
1.6
Fail
2.5
Fail
3.5
AA Large
2.4
Fail
1.6
Fail
—
1.6
Fail
2.3
Fail
3.7
AA Large
2.5
Fail
1.6
Fail
—
1.4
Fail
5.4
AA
3.5
AA Large
2.3
Fail
1.4
Fail
—
White BG
3.4AA Large
5.2AA
8.1AAA
12.8AAA
18.3AAA
Black BG
6.1AA
4.0AA Large
2.6Fail
1.6Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9897CF
7675A7
555580
343459
131231

Deuteranopia

A0AAC5
7D859F
5A607A
373B54
14162E

Tritanopia

CDADA6
A18B85
756A65
484844
1C2623

Achromatopsia

878787
6A6A6A
4D4D4D
303030
131313

Shades & Tints Shades & Tints

#D449FA

Dark
Light

#A638CB

Dark
Light

#79279D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d449fa;
  --color-2: #a638cb;
  --color-3: #79279d;
  --color-4: #4b166e;
  --color-5: #1d053f;
}

SCSS

$color-1: #d449fa;
$color-2: #a638cb;
$color-3: #79279d;
$color-4: #4b166e;
$color-5: #1d053f;

TAILWIND

colors: {
  'brand-1': '#d449fa',
  'brand-2': '#a638cb',
  'brand-3': '#79279d',
  'brand-4': '#4b166e',
  'brand-5': '#1d053f',
}

RGB Array

[212, 73, 250], [166, 56, 203], [121, 39, 157], [75, 22, 110], [29, 5, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D449FA, #A638CB, #79279D, #4B166E, #1D053F 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: #d449fa; --color-2: #a638cb; --color-3: #79279d; --color-4: #4b166e; --color-5: #1d053f. 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