← Back to Editor

#FC086A · #5F1478 · #352252 · #20202E · #EDA600

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FC086A

Dark Violet · DeepPink · Rose Pink

HEX
#FC086A
RGB
rgb(252, 8, 106)
HSL
hsl(336, 98%, 51%)
HSB
hsb(336, 97%, 99%)
CMYK
cmyk(0%, 97%, 58%, 1%)
Oklch
oklch(63.6% 0.252 9.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#5F1478

Royal Purple · Purple · Eggplant

HEX
#5F1478
RGB
rgb(95, 20, 120)
HSL
hsl(285, 71%, 27%)
HSB
hsb(285, 83%, 47%)
CMYK
cmyk(21%, 83%, 0%, 53%)
Oklch
oklch(37.1% 0.162 315.6)

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

#352252

Deep Indigo · MidnightBlue · Eggplant

HEX
#352252
RGB
rgb(53, 34, 82)
HSL
hsl(264, 41%, 23%)
HSB
hsb(264, 59%, 32%)
CMYK
cmyk(35%, 59%, 0%, 68%)
Oklch
oklch(30.2% 0.085 299.6)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#20202E

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#20202E
RGB
rgb(32, 32, 46)
HSL
hsl(240, 18%, 15%)
HSB
hsb(240, 30%, 18%)
CMYK
cmyk(30%, 30%, 0%, 82%)
Oklch
oklch(25.0% 0.026 284.3)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#EDA600

Ochre · Orange · Honey Gold

HEX
#EDA600
RGB
rgb(237, 166, 0)
HSL
hsl(42, 100%, 46%)
HSB
hsb(42, 100%, 93%)
CMYK
cmyk(0%, 30%, 100%, 7%)
Oklch
oklch(77.4% 0.161 77.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC086A
08FD9B

Analogous

FD08E4
FC086A
FD2008

Triadic

FC086A
6AFD08
086AFD

Split-Comp.

FC086A
08FD20
08E4FD

Tetradic

FC086A
E4FD08
08FD9B
2008FD

Contrast Matrix WCAG 2.1 Contrast

FC086A
5F1478
352252
20202E
EDA600
—
2.9
Fail
3.6
AA Large
4.1
AA Large
1.9
Fail
2.9
Fail
—
1.2
Fail
1.4
Fail
5.4
AA
3.6
AA Large
1.2
Fail
—
1.1
Fail
6.7
AA
4.1
AA Large
1.4
Fail
1.1
Fail
—
7.7
AAA
1.9
Fail
5.4
AA
6.7
AA
7.7
AAA
—
White BG
3.9AA Large
11.3AAA
14.0AAA
16.1AAA
2.1Fail
Black BG
5.4AA
1.9Fail
1.5Fail
1.3Fail
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

929052
3F3E60
2D2D46
20202B
CECE28

Deuteranopia

A1B34D
43495A
2E2F44
20202A
D2D832

Tritanopia

F0403B
5B4D49
343D3B
202827
E9484F

Achromatopsia

5C5C5C
363636
2D2D2D
222222
A8A8A8

Shades & Tints Shades & Tints

#FC086A

Dark
Light

#5F1478

Dark
Light

#352252

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc086a;
  --color-2: #5f1478;
  --color-3: #352252;
  --color-4: #20202e;
  --color-5: #eda600;
}

SCSS

$color-1: #fc086a;
$color-2: #5f1478;
$color-3: #352252;
$color-4: #20202e;
$color-5: #eda600;

TAILWIND

colors: {
  'brand-1': '#fc086a',
  'brand-2': '#5f1478',
  'brand-3': '#352252',
  'brand-4': '#20202e',
  'brand-5': '#eda600',
}

RGB Array

[252, 8, 106], [95, 20, 120], [53, 34, 82], [32, 32, 46], [237, 166, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC086A, #5F1478, #352252, #20202E, #EDA600 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: #fc086a; --color-2: #5f1478; --color-3: #352252; --color-4: #20202e; --color-5: #eda600. 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