← Back to Editor

#32031C · #6C083C · #A00959 · #D90C78 · #FC025E

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

#32031C

Rose Purple · Black · Raspberry

HEX
#32031C
RGB
rgb(50, 3, 28)
HSL
hsl(328, 89%, 10%)
HSB
hsb(328, 94%, 20%)
CMYK
cmyk(0%, 94%, 44%, 80%)
Oklch
oklch(21.3% 0.080 353.1)

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

#6C083C

Rose Purple · Maroon · Raspberry

HEX
#6C083C
RGB
rgb(108, 8, 60)
HSL
hsl(329, 86%, 23%)
HSB
hsb(329, 93%, 42%)
CMYK
cmyk(0%, 93%, 44%, 58%)
Oklch
oklch(35.1% 0.136 356.7)

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

#A00959

Rose Purple · Purple · Camellia

HEX
#A00959
RGB
rgb(160, 9, 89)
HSL
hsl(328, 89%, 33%)
HSB
hsb(328, 94%, 63%)
CMYK
cmyk(0%, 94%, 44%, 37%)
Oklch
oklch(46.2% 0.184 357.5)

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

#D90C78

Rose Purple · MediumVioletRed · Camellia

HEX
#D90C78
RGB
rgb(217, 12, 120)
HSL
hsl(328, 90%, 45%)
HSB
hsb(328, 94%, 85%)
CMYK
cmyk(0%, 94%, 45%, 15%)
Oklch
oklch(57.8% 0.231 358.4)

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

#FC025E

Dark Violet · Crimson · Camellia

HEX
#FC025E
RGB
rgb(252, 2, 94)
HSL
hsl(338, 98%, 50%)
HSB
hsb(338, 99%, 99%)
CMYK
cmyk(0%, 99%, 63%, 1%)
Oklch
oklch(63.2% 0.252 12.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32031C
033018

Analogous

2F0330
32031C
300304

Triadic

32031C
1B3003
031B30

Split-Comp.

32031C
043003
03302F

Tetradic

32031C
302F03
033018
030430

Contrast Matrix WCAG 2.1 Contrast

32031C
6C083C
A00959
D90C78
FC025E
—
1.5
Fail
2.3
Fail
3.7
AA Large
4.6
AA
1.5
Fail
—
1.5
Fail
2.5
Fail
3.1
AA Large
2.3
Fail
1.5
Fail
—
1.6
Fail
2.0
Fail
3.7
AA Large
2.5
Fail
1.6
Fail
—
1.2
Fail
4.6
AA
3.1
AA Large
2.0
Fail
1.2
Fail
—
White BG
18.0AAA
12.1AAA
7.8AAA
4.9AA
4.0AA Large
Black BG
1.2Fail
1.7Fail
2.7Fail
4.3AA Large
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1D16
41402F
5F5D46
807E5E
908E48

Deuteranopia

202414
474E2C
677341
8C9B58
9EB142

Tritanopia

301110
672523
983633
CF4945
EF3632

Achromatopsia

141414
2C2C2C
3F3F3F
565656
575757

Shades & Tints Shades & Tints

#32031C

Dark
Light

#6C083C

Dark
Light

#A00959

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32031c;
  --color-2: #6c083c;
  --color-3: #a00959;
  --color-4: #d90c78;
  --color-5: #fc025e;
}

SCSS

$color-1: #32031c;
$color-2: #6c083c;
$color-3: #a00959;
$color-4: #d90c78;
$color-5: #fc025e;

TAILWIND

colors: {
  'brand-1': '#32031c',
  'brand-2': '#6c083c',
  'brand-3': '#a00959',
  'brand-4': '#d90c78',
  'brand-5': '#fc025e',
}

RGB Array

[50, 3, 28], [108, 8, 60], [160, 9, 89], [217, 12, 120], [252, 2, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #32031C, #6C083C, #A00959, #D90C78, #FC025E 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: #32031c; --color-2: #6c083c; --color-3: #a00959; --color-4: #d90c78; --color-5: #fc025e. 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