← Back to Editor

#F6259C · #EAACF5 · #D718E8 · #922E98 · #5A0577

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

#F6259C

Rose Purple · DeepPink · Rose Pink

HEX
#F6259C
RGB
rgb(246, 37, 156)
HSL
hsl(326, 92%, 55%)
HSB
hsb(326, 85%, 96%)
CMYK
cmyk(0%, 85%, 37%, 4%)
Oklch
oklch(64.9% 0.251 352.9)

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

#EAACF5

Lilac · Violet · Lavender

HEX
#EAACF5
RGB
rgb(234, 172, 245)
HSL
hsl(291, 78%, 82%)
HSB
hsb(291, 30%, 96%)
CMYK
cmyk(4%, 30%, 0%, 4%)
Oklch
oklch(82.6% 0.120 321.3)

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

#D718E8

Royal Purple · Magenta · Violet

HEX
#D718E8
RGB
rgb(215, 24, 232)
HSL
hsl(295, 82%, 50%)
HSB
hsb(295, 90%, 91%)
CMYK
cmyk(7%, 90%, 0%, 9%)
Oklch
oklch(63.3% 0.288 324.1)

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

#922E98

Royal Purple · DarkMagenta · Eggplant

HEX
#922E98
RGB
rgb(146, 46, 152)
HSL
hsl(297, 54%, 39%)
HSB
hsb(297, 70%, 60%)
CMYK
cmyk(4%, 70%, 0%, 40%)
Oklch
oklch(49.3% 0.183 325.5)

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

#5A0577

Royal Purple · Purple · Eggplant

HEX
#5A0577
RGB
rgb(90, 5, 119)
HSL
hsl(285, 92%, 24%)
HSB
hsb(285, 96%, 47%)
CMYK
cmyk(24%, 96%, 0%, 53%)
Oklch
oklch(35.4% 0.170 314.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6259C
23F67E

Analogous

E823F6
F6259C
F62331

Triadic

F6259C
9AF623
239AF6

Split-Comp.

F6259C
31F623
23F6E8

Tetradic

F6259C
F6E823
23F67E
2331F6

Contrast Matrix WCAG 2.1 Contrast

F6259C
EAACF5
D718E8
922E98
5A0577
—
2.1
Fail
1.1
Fail
1.8
Fail
3.3
AA Large
2.1
Fail
—
2.3
Fail
3.8
AA Large
6.8
AA
1.1
Fail
2.3
Fail
—
1.7
Fail
3.0
AA Large
1.8
Fail
3.8
AA Large
1.7
Fail
—
1.8
Fail
3.3
AA Large
6.8
AA
3.0
AA Large
1.8
Fail
—
White BG
3.7AA Large
1.8Fail
4.0AA Large
6.8AA
12.2AAA
Black BG
5.7AA
11.7AAA
5.2AA
3.1AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9A7F
CFCFE3
8483B6
67667E
35345B

Deuteranopia

A8B778
D3D7DF
8F9EAA
6D7478
3A4155

Tritanopia

EC6863
E7D5D2
CD8E85
8D6A66
564641

Achromatopsia

717171
C7C7C7
696969
585858
2B2B2B

Shades & Tints Shades & Tints

#F6259C

Dark
Light

#EAACF5

Dark
Light

#D718E8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6259c;
  --color-2: #eaacf5;
  --color-3: #d718e8;
  --color-4: #922e98;
  --color-5: #5a0577;
}

SCSS

$color-1: #f6259c;
$color-2: #eaacf5;
$color-3: #d718e8;
$color-4: #922e98;
$color-5: #5a0577;

TAILWIND

colors: {
  'brand-1': '#f6259c',
  'brand-2': '#eaacf5',
  'brand-3': '#d718e8',
  'brand-4': '#922e98',
  'brand-5': '#5a0577',
}

RGB Array

[246, 37, 156], [234, 172, 245], [215, 24, 232], [146, 46, 152], [90, 5, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6259C, #EAACF5, #D718E8, #922E98, #5A0577 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: #f6259c; --color-2: #eaacf5; --color-3: #d718e8; --color-4: #922e98; --color-5: #5a0577. 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