← Back to Editor

#F3E3D5 · #DE91FF · #A300C4 · #63007C · #3A0F57

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

#F3E3D5

Apricot · Beige · Peach Orange

HEX
#F3E3D5
RGB
rgb(243, 227, 213)
HSL
hsl(28, 56%, 89%)
HSB
hsb(28, 12%, 95%)
CMYK
cmyk(0%, 7%, 12%, 5%)
Oklch
oklch(92.5% 0.026 63.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#DE91FF

Lilac · Violet · Lilac Purple

HEX
#DE91FF
RGB
rgb(222, 145, 255)
HSL
hsl(282, 100%, 78%)
HSB
hsb(282, 43%, 100%)
CMYK
cmyk(13%, 43%, 0%, 0%)
Oklch
oklch(77.4% 0.170 315.1)

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

#A300C4

Royal Purple · DarkViolet · Eggplant

HEX
#A300C4
RGB
rgb(163, 0, 196)
HSL
hsl(290, 100%, 38%)
HSB
hsb(290, 100%, 77%)
CMYK
cmyk(17%, 100%, 0%, 23%)
Oklch
oklch(52.5% 0.254 318.6)

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

#63007C

Royal Purple · Purple · Eggplant

HEX
#63007C
RGB
rgb(99, 0, 124)
HSL
hsl(288, 100%, 24%)
HSB
hsb(288, 100%, 49%)
CMYK
cmyk(20%, 100%, 0%, 51%)
Oklch
oklch(37.0% 0.180 317.0)

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

#3A0F57

Royal Purple · MidnightBlue · Dark Purple

HEX
#3A0F57
RGB
rgb(58, 15, 87)
HSL
hsl(276, 71%, 20%)
HSB
hsb(276, 83%, 34%)
CMYK
cmyk(33%, 83%, 0%, 66%)
Oklch
oklch(28.4% 0.122 307.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3E3D5
D3E4F3

Analogous

F3D3D4
F3E3D5
F3F2D3

Triadic

F3E3D5
D3F3E2
E2D3F3

Split-Comp.

F3E3D5
D3F3F2
D3D4F3

Tetradic

F3E3D5
D4F3D3
D3E4F3
F2D3F3

Contrast Matrix WCAG 2.1 Contrast

F3E3D5
DE91FF
A300C4
63007C
3A0F57
—
1.7
Fail
5.0
AA
9.2
AAA
12.1
AAA
1.7
Fail
—
2.9
Fail
5.3
AA
6.9
AA
5.0
AA
2.9
Fail
—
1.8
Fail
2.4
Fail
9.2
AAA
5.3
AA
1.8
Fail
—
1.3
Fail
12.1
AAA
6.9
AA
2.4
Fail
1.3
Fail
—
White BG
1.3Fail
2.2Fail
6.3AA
11.5AAA
15.2AAA
Black BG
16.8AAA
9.6AAA
3.4AA Large
1.8Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECD8
BDBCE4
5C5B95
38375E
272746

Deuteranopia

EDEED9
C1C7DE
667289
3E4557
2A2D41

Tritanopia

F2DBDC
DACFCB
9B6F67
5E4641
383835

Achromatopsia

E6E6E6
B5B5B5
474747
2C2C2C
242424

Shades & Tints Shades & Tints

#F3E3D5

Dark
Light

#DE91FF

Dark
Light

#A300C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3e3d5;
  --color-2: #de91ff;
  --color-3: #a300c4;
  --color-4: #63007c;
  --color-5: #3a0f57;
}

SCSS

$color-1: #f3e3d5;
$color-2: #de91ff;
$color-3: #a300c4;
$color-4: #63007c;
$color-5: #3a0f57;

TAILWIND

colors: {
  'brand-1': '#f3e3d5',
  'brand-2': '#de91ff',
  'brand-3': '#a300c4',
  'brand-4': '#63007c',
  'brand-5': '#3a0f57',
}

RGB Array

[243, 227, 213], [222, 145, 255], [163, 0, 196], [99, 0, 124], [58, 15, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3E3D5, #DE91FF, #A300C4, #63007C, #3A0F57 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #f3e3d5; --color-2: #de91ff; --color-3: #a300c4; --color-4: #63007c; --color-5: #3a0f57. 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. 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