← Back to Editor

#F032C5 · #C00584 · #938691 · #A9F53A · #522BDF

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

#F032C5

Rose Purple · DeepPink · Violet

HEX
#F032C5
RGB
rgb(240, 50, 197)
HSL
hsl(314, 86%, 57%)
HSB
hsb(314, 79%, 94%)
CMYK
cmyk(0%, 79%, 18%, 6%)
Oklch
oklch(66.3% 0.260 339.4)

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

#C00584

Rose Purple · MediumVioletRed · Eggplant

HEX
#C00584
RGB
rgb(192, 5, 132)
HSL
hsl(319, 95%, 39%)
HSB
hsb(319, 97%, 75%)
CMYK
cmyk(0%, 97%, 31%, 25%)
Oklch
oklch(53.6% 0.223 347.9)

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

#938691

Ash · Gray · Warm Gray

HEX
#938691
RGB
rgb(147, 134, 145)
HSL
hsl(309, 6%, 55%)
HSB
hsb(309, 9%, 58%)
CMYK
cmyk(0%, 9%, 1%, 42%)
Oklch
oklch(63.5% 0.022 330.8)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#A9F53A

Grass Green · GreenYellow · Olive Green

HEX
#A9F53A
RGB
rgb(169, 245, 58)
HSL
hsl(84, 90%, 59%)
HSB
hsb(84, 76%, 96%)
CMYK
cmyk(31%, 0%, 76%, 4%)
Oklch
oklch(88.8% 0.219 129.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#522BDF

Deep Indigo · SlateBlue · Navy Blue

HEX
#522BDF
RGB
rgb(82, 43, 223)
HSL
hsl(253, 74%, 52%)
HSB
hsb(253, 81%, 87%)
CMYK
cmyk(63%, 81%, 0%, 13%)
Oklch
oklch(47.4% 0.247 281.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F032C5
33F05F

Analogous

BD33F0
F032C5
F03365

Triadic

F032C5
C4F033
33C4F0

Split-Comp.

F032C5
65F033
33F0BD

Tetradic

F032C5
F0BD33
33F05F
3365F0

Contrast Matrix WCAG 2.1 Contrast

F032C5
C00584
938691
A9F53A
522BDF
—
1.7
Fail
1.0
Fail
2.6
Fail
2.2
Fail
1.7
Fail
—
1.7
Fail
4.4
AA Large
1.3
Fail
1.0
Fail
1.7
Fail
—
2.6
Fail
2.2
Fail
2.6
Fail
4.4
AA Large
2.6
Fail
—
5.7
AA
2.2
Fail
1.3
Fail
2.2
Fail
5.7
AA
—
White BG
3.5AA Large
5.8AA
3.5AA Large
1.3Fail
7.6AAA
Black BG
6.0AA
3.6AA Large
6.1AA
15.8AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9CA1
6F6D65
8D8D8E
CACB67
4141B3

Deuteranopia

A9B799
7A885E
8E8F8E
C6C072
4346A9

Tritanopia

E7857F
B74D48
928C8C
AD8B93
50918A

Achromatopsia

7C7C7C
4B4B4B
8B8B8B
C9C9C9
4B4B4B

Shades & Tints Shades & Tints

#F032C5

Dark
Light

#C00584

Dark
Light

#938691

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f032c5;
  --color-2: #c00584;
  --color-3: #938691;
  --color-4: #a9f53a;
  --color-5: #522bdf;
}

SCSS

$color-1: #f032c5;
$color-2: #c00584;
$color-3: #938691;
$color-4: #a9f53a;
$color-5: #522bdf;

TAILWIND

colors: {
  'brand-1': '#f032c5',
  'brand-2': '#c00584',
  'brand-3': '#938691',
  'brand-4': '#a9f53a',
  'brand-5': '#522bdf',
}

RGB Array

[240, 50, 197], [192, 5, 132], [147, 134, 145], [169, 245, 58], [82, 43, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F032C5, #C00584, #938691, #A9F53A, #522BDF is ideal for: social media posters, mobile apps, e-commerce promos. 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: #f032c5; --color-2: #c00584; --color-3: #938691; --color-4: #a9f53a; --color-5: #522bdf. 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. 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