← Back to Editor

#FE08D1 · #C808AD · #930989 · #5C0965 · #270941

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

#FE08D1

Rose Purple · Magenta · Violet

HEX
#FE08D1
RGB
rgb(254, 8, 209)
HSL
hsl(311, 99%, 51%)
HSB
hsb(311, 97%, 100%)
CMYK
cmyk(0%, 97%, 18%, 0%)
Oklch
oklch(67.6% 0.293 338.9)

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

#C808AD

Rose Purple · MediumVioletRed · Violet

HEX
#C808AD
RGB
rgb(200, 8, 173)
HSL
hsl(308, 92%, 41%)
HSB
hsb(308, 96%, 78%)
CMYK
cmyk(0%, 96%, 13%, 22%)
Oklch
oklch(57.0% 0.249 336.1)

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

#930989

Rose Purple · DarkMagenta · Eggplant

HEX
#930989
RGB
rgb(147, 9, 137)
HSL
hsl(304, 88%, 31%)
HSB
hsb(304, 94%, 58%)
CMYK
cmyk(0%, 94%, 7%, 42%)
Oklch
oklch(46.2% 0.203 332.0)

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

#5C0965

Royal Purple · Purple · Eggplant

HEX
#5C0965
RGB
rgb(92, 9, 101)
HSL
hsl(294, 84%, 22%)
HSB
hsb(294, 91%, 40%)
CMYK
cmyk(9%, 91%, 0%, 60%)
Oklch
oklch(34.5% 0.153 323.4)

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

#270941

Royal Purple · MidnightBlue · Dark Purple

HEX
#270941
RGB
rgb(39, 9, 65)
HSL
hsl(272, 76%, 15%)
HSB
hsb(272, 86%, 25%)
CMYK
cmyk(40%, 86%, 0%, 75%)
Oklch
oklch(22.8% 0.099 303.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE08D1
06FE34

Analogous

AF06FE
FE08D1
FE0655

Triadic

FE08D1
D0FE06
06D0FE

Split-Comp.

FE08D1
55FE06
06FEAF

Tetradic

FE08D1
FEAF06
06FE34
0655FE

Contrast Matrix WCAG 2.1 Contrast

FE08D1
C808AD
930989
5C0965
270941
—
1.5
Fail
2.3
Fail
3.7
AA Large
5.1
AA
1.5
Fail
—
1.6
Fail
2.4
Fail
3.4
AA Large
2.3
Fail
1.6
Fail
—
1.6
Fail
2.2
Fail
3.7
AA Large
2.4
Fail
1.6
Fail
—
1.4
Fail
5.1
AA
3.4
AA Large
2.2
Fail
1.4
Fail
—
White BG
3.4AA Large
5.1AA
8.0AAA
12.5AAA
17.5AAA
Black BG
6.2AA
4.1AA Large
2.6Fail
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9391A0
757385
57566A
38374F
1A1A33

Deuteranopia

A2B495
808E7C
5F6A63
3D4349
1C1E30

Tritanopia

F27A72
BE665F
8C524C
583D39
262926

Achromatopsia

686868
545454
414141
2C2C2C
181818

Shades & Tints Shades & Tints

#FE08D1

Dark
Light

#C808AD

Dark
Light

#930989

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe08d1;
  --color-2: #c808ad;
  --color-3: #930989;
  --color-4: #5c0965;
  --color-5: #270941;
}

SCSS

$color-1: #fe08d1;
$color-2: #c808ad;
$color-3: #930989;
$color-4: #5c0965;
$color-5: #270941;

TAILWIND

colors: {
  'brand-1': '#fe08d1',
  'brand-2': '#c808ad',
  'brand-3': '#930989',
  'brand-4': '#5c0965',
  'brand-5': '#270941',
}

RGB Array

[254, 8, 209], [200, 8, 173], [147, 9, 137], [92, 9, 101], [39, 9, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FE08D1, #C808AD, #930989, #5C0965, #270941 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #fe08d1; --color-2: #c808ad; --color-3: #930989; --color-4: #5c0965; --color-5: #270941. 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. 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