← Back to Editor

#DB5198 · #B531BC · #FCAED1 · #E58ED8 · #F1AEF9

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 App

Color Details Color Details

#DB5198

Rose Purple · LightCoral · Rose Pink

HEX
#DB5198
RGB
rgb(219, 81, 152)
HSL
hsl(329, 66%, 59%)
HSB
hsb(329, 63%, 86%)
CMYK
cmyk(0%, 63%, 31%, 14%)
Oklch
oklch(63.9% 0.186 351.8)

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

#B531BC

Royal Purple · DarkOrchid · Violet

HEX
#B531BC
RGB
rgb(181, 49, 188)
HSL
hsl(297, 59%, 46%)
HSB
hsb(297, 74%, 74%)
CMYK
cmyk(4%, 74%, 0%, 26%)
Oklch
oklch(56.9% 0.225 325.8)

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

#FCAED1

Rouge · LightPink · Cherry Blossom

HEX
#FCAED1
RGB
rgb(252, 174, 209)
HSL
hsl(333, 93%, 84%)
HSB
hsb(333, 31%, 99%)
CMYK
cmyk(0%, 31%, 17%, 1%)
Oklch
oklch(83.5% 0.101 351.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E58ED8

Mauve · Violet · Lilac Purple

HEX
#E58ED8
RGB
rgb(229, 142, 216)
HSL
hsl(309, 63%, 73%)
HSB
hsb(309, 38%, 90%)
CMYK
cmyk(0%, 38%, 6%, 10%)
Oklch
oklch(76.0% 0.140 332.4)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#F1AEF9

Lilac · Violet · Lavender

HEX
#F1AEF9
RGB
rgb(241, 174, 249)
HSL
hsl(294, 86%, 83%)
HSB
hsb(294, 30%, 98%)
CMYK
cmyk(3%, 30%, 0%, 2%)
Oklch
oklch(83.8% 0.125 322.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB5198
51DB94

Analogous

D951DB
DB5198
DB5154

Triadic

DB5198
99DB51
5199DB

Split-Comp.

DB5198
54DB51
51DBD9

Tetradic

DB5198
DBD951
51DB94
5154DB

Contrast Matrix WCAG 2.1 Contrast

DB5198
B531BC
FCAED1
E58ED8
F1AEF9
—
1.4
Fail
2.1
Fail
1.6
Fail
2.2
Fail
1.4
Fail
—
2.9
Fail
2.2
Fail
2.9
Fail
2.1
Fail
2.9
Fail
—
1.3
Fail
1.0
Fail
1.6
Fail
2.2
Fail
1.3
Fail
—
1.3
Fail
2.2
Fail
2.9
Fail
1.0
Fail
1.3
Fail
—
White BG
3.7AA Large
5.1AA
1.7Fail
2.3Fail
1.7Fail
Black BG
5.6AA
4.1AA Large
12.1AAA
9.2AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9E87
7C7B9A
DADAC9
BFBFC6
D4D3E7

Deuteranopia

A7B283
848D92
DFE5C6
C4CBC2
D8DDE2

Tritanopia

D47976
AE807A
F8C2C0
E1B8B5
EED9D5

Achromatopsia

828282
686868
C9C9C9
B0B0B0
CBCBCB

Shades & Tints Shades & Tints

#DB5198

Dark
Light

#B531BC

Dark
Light

#FCAED1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db5198;
  --color-2: #b531bc;
  --color-3: #fcaed1;
  --color-4: #e58ed8;
  --color-5: #f1aef9;
}

SCSS

$color-1: #db5198;
$color-2: #b531bc;
$color-3: #fcaed1;
$color-4: #e58ed8;
$color-5: #f1aef9;

TAILWIND

colors: {
  'brand-1': '#db5198',
  'brand-2': '#b531bc',
  'brand-3': '#fcaed1',
  'brand-4': '#e58ed8',
  'brand-5': '#f1aef9',
}

RGB Array

[219, 81, 152], [181, 49, 188], [252, 174, 209], [229, 142, 216], [241, 174, 249]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DB5198, #B531BC, #FCAED1, #E58ED8, #F1AEF9 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #db5198; --color-2: #b531bc; --color-3: #fcaed1; --color-4: #e58ed8; --color-5: #f1aef9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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