← Back to Editor

#32162D · #FC447A · #B4F117 · #9253FA · #C8C8D2

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 AppData Visualization

Color Details Color Details

#32162D

Rose Purple · DarkSlateGray · Dark Purple

HEX
#32162D
RGB
rgb(50, 22, 45)
HSL
hsl(311, 39%, 14%)
HSB
hsb(311, 56%, 20%)
CMYK
cmyk(0%, 56%, 10%, 80%)
Oklch
oklch(25.1% 0.058 334.2)

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

#FC447A

Rouge · DeepPink · Rose Pink

HEX
#FC447A
RGB
rgb(252, 68, 122)
HSL
hsl(342, 97%, 63%)
HSB
hsb(342, 73%, 99%)
CMYK
cmyk(0%, 73%, 52%, 1%)
Oklch
oklch(66.9% 0.220 8.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#B4F117

Grass Green · GreenYellow · Olive Green

HEX
#B4F117
RGB
rgb(180, 241, 23)
HSL
hsl(77, 89%, 52%)
HSB
hsb(77, 90%, 95%)
CMYK
cmyk(25%, 0%, 90%, 5%)
Oklch
oklch(88.4% 0.222 126.1)

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

#9253FA

Wisteria · MediumSlateBlue · Lilac Purple

HEX
#9253FA
RGB
rgb(146, 83, 250)
HSL
hsl(263, 94%, 65%)
HSB
hsb(263, 67%, 98%)
CMYK
cmyk(42%, 67%, 0%, 2%)
Oklch
oklch(60.3% 0.235 295.8)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#C8C8D2

Wisteria · LightGray · Cobalt Blue

HEX
#C8C8D2
RGB
rgb(200, 200, 210)
HSL
hsl(240, 10%, 80%)
HSB
hsb(240, 5%, 82%)
CMYK
cmyk(5%, 5%, 0%, 18%)
Oklch
oklch(83.6% 0.014 286.1)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32162D
16321B

Analogous

291632
32162D
32161F

Triadic

32162D
2D3216
162D32

Split-Comp.

32162D
1F3216
163229

Tetradic

32162D
322916
16321B
161F32

Contrast Matrix WCAG 2.1 Contrast

32162D
FC447A
B4F117
9253FA
C8C8D2
—
4.8
AA
12.1
AAA
3.8
AA Large
9.8
AAA
4.8
AA
—
2.5
Fail
1.3
Fail
2.0
Fail
12.1
AAA
2.5
Fail
—
3.2
AA Large
1.2
Fail
3.8
AA Large
1.3
Fail
3.2
AA Large
—
2.6
Fail
9.8
AAA
2.0
Fail
1.2
Fail
2.6
Fail
—
White BG
16.3AAA
3.4AA Large
1.4Fail
4.3AA Large
1.7Fail
Black BG
1.3Fail
6.2AA
15.5AAA
4.8AA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

262627
ACAB6D
CECF4C
7776D2
C8C8D0

Deuteranopia

282A26
B7C56A
CBC658
7A7FC8
C8C8CF

Tritanopia

312322
F36360
B7757F
8FB2AB
C8CECD

Achromatopsia

212121
818181
C6C6C6
797979
C9C9C9

Shades & Tints Shades & Tints

#32162D

Dark
Light

#FC447A

Dark
Light

#B4F117

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32162d;
  --color-2: #fc447a;
  --color-3: #b4f117;
  --color-4: #9253fa;
  --color-5: #c8c8d2;
}

SCSS

$color-1: #32162d;
$color-2: #fc447a;
$color-3: #b4f117;
$color-4: #9253fa;
$color-5: #c8c8d2;

TAILWIND

colors: {
  'brand-1': '#32162d',
  'brand-2': '#fc447a',
  'brand-3': '#b4f117',
  'brand-4': '#9253fa',
  'brand-5': '#c8c8d2',
}

RGB Array

[50, 22, 45], [252, 68, 122], [180, 241, 23], [146, 83, 250], [200, 200, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #32162D, #FC447A, #B4F117, #9253FA, #C8C8D2 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #32162d; --color-2: #fc447a; --color-3: #b4f117; --color-4: #9253fa; --color-5: #c8c8d2. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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