← Back to Editor

#DEE50B · #CC03D3 · #AE019F · #C50290 · #5D014D

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

#DEE50B

Autumn Sage · Gold · Honey Gold

HEX
#DEE50B
RGB
rgb(222, 229, 11)
HSL
hsl(62, 91%, 47%)
HSB
hsb(62, 95%, 90%)
CMYK
cmyk(3%, 0%, 95%, 10%)
Oklch
oklch(88.7% 0.195 112.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#CC03D3

Royal Purple · DarkViolet · Violet

HEX
#CC03D3
RGB
rgb(204, 3, 211)
HSL
hsl(298, 97%, 42%)
HSB
hsb(298, 99%, 83%)
CMYK
cmyk(3%, 99%, 0%, 17%)
Oklch
oklch(59.8% 0.276 326.5)

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

#AE019F

Rose Purple · DarkMagenta · Eggplant

HEX
#AE019F
RGB
rgb(174, 1, 159)
HSL
hsl(305, 99%, 34%)
HSB
hsb(305, 99%, 68%)
CMYK
cmyk(0%, 99%, 9%, 32%)
Oklch
oklch(51.8% 0.232 333.1)

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

#C50290

Rose Purple · MediumVioletRed · Eggplant

HEX
#C50290
RGB
rgb(197, 2, 144)
HSL
hsl(316, 98%, 39%)
HSB
hsb(316, 99%, 77%)
CMYK
cmyk(0%, 99%, 27%, 23%)
Oklch
oklch(55.0% 0.233 344.8)

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

#5D014D

Rose Purple · Purple · Dark Purple

HEX
#5D014D
RGB
rgb(93, 1, 77)
HSL
hsl(310, 98%, 18%)
HSB
hsb(310, 99%, 36%)
CMYK
cmyk(0%, 99%, 17%, 64%)
Oklch
oklch(32.6% 0.142 337.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEE50B
120BE5

Analogous

E57F0B
DEE50B
71E50B

Triadic

DEE50B
0BDEE5
E50BDE

Split-Comp.

DEE50B
0B71E5
7F0BE5

Tetradic

DEE50B
0BE57F
120BE5
E50B71

Contrast Matrix WCAG 2.1 Contrast

DEE50B
CC03D3
AE019F
C50290
5D014D
—
3.4
AA Large
4.6
AA
4.0
AA Large
9.7
AAA
3.4
AA Large
—
1.4
Fail
1.2
Fail
2.9
Fail
4.6
AA
1.4
Fail
—
1.1
Fail
2.1
Fail
4.0
AA Large
1.2
Fail
1.1
Fail
—
2.4
Fail
9.7
AAA
2.9
Fail
2.1
Fail
2.4
Fail
—
White BG
1.4Fail
4.6AA
6.4AA
5.5AA
13.3AAA
Black BG
15.3AAA
4.5AA
3.3AA Large
3.8AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E140
7573A1
636279
716F6E
35343B

Deuteranopia

E1E04C
819095
6D7A70
7C8A65
3B4136

Tritanopia

DE6973
C27970
A55B54
BB534D
582C29

Achromatopsia

CACACA
575757
474747
4C4C4C
252525

Shades & Tints Shades & Tints

#DEE50B

Dark
Light

#CC03D3

Dark
Light

#AE019F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dee50b;
  --color-2: #cc03d3;
  --color-3: #ae019f;
  --color-4: #c50290;
  --color-5: #5d014d;
}

SCSS

$color-1: #dee50b;
$color-2: #cc03d3;
$color-3: #ae019f;
$color-4: #c50290;
$color-5: #5d014d;

TAILWIND

colors: {
  'brand-1': '#dee50b',
  'brand-2': '#cc03d3',
  'brand-3': '#ae019f',
  'brand-4': '#c50290',
  'brand-5': '#5d014d',
}

RGB Array

[222, 229, 11], [204, 3, 211], [174, 1, 159], [197, 2, 144], [93, 1, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEE50B, #CC03D3, #AE019F, #C50290, #5D014D 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: #dee50b; --color-2: #cc03d3; --color-3: #ae019f; --color-4: #c50290; --color-5: #5d014d. 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