← Back to Editor

#DC9F9C · #FB4B60 · #8B1E45 · #411538 · #221028

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

Color Details Color Details

#DC9F9C

Peach Pink · Tan · Coral Red

HEX
#DC9F9C
RGB
rgb(220, 159, 156)
HSL
hsl(3, 48%, 74%)
HSB
hsb(3, 29%, 86%)
CMYK
cmyk(0%, 28%, 29%, 14%)
Oklch
oklch(76.0% 0.073 22.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FB4B60

Peach Pink · Tomato · Coral Red

HEX
#FB4B60
RGB
rgb(251, 75, 96)
HSL
hsl(353, 96%, 64%)
HSB
hsb(353, 70%, 98%)
CMYK
cmyk(0%, 70%, 62%, 2%)
Oklch
oklch(66.8% 0.211 18.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#8B1E45

Dark Violet · Brown · Camellia

HEX
#8B1E45
RGB
rgb(139, 30, 69)
HSL
hsl(339, 64%, 33%)
HSB
hsb(339, 78%, 55%)
CMYK
cmyk(0%, 78%, 50%, 45%)
Oklch
oklch(42.8% 0.146 4.6)

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

#411538

Rose Purple · DarkSlateGray · Dark Purple

HEX
#411538
RGB
rgb(65, 21, 56)
HSL
hsl(312, 51%, 17%)
HSB
hsb(312, 68%, 25%)
CMYK
cmyk(0%, 68%, 14%, 75%)
Oklch
oklch(28.0% 0.084 336.4)

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

#221028

Dark Plum · Black · Dark Purple

HEX
#221028
RGB
rgb(34, 16, 40)
HSL
hsl(285, 43%, 11%)
HSB
hsb(285, 60%, 16%)
CMYK
cmyk(15%, 60%, 0%, 84%)
Oklch
oklch(21.1% 0.052 317.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC9F9C
9DD9DD

Analogous

DD9DBA
DC9F9C
DDC09D

Triadic

DC9F9C
9DDDA0
A09DDD

Split-Comp.

DC9F9C
9DDDC0
9DBADD

Tetradic

DC9F9C
BADD9D
9DD9DD
C09DDD

Contrast Matrix WCAG 2.1 Contrast

DC9F9C
FB4B60
8B1E45
411538
221028
—
1.5
Fail
4.0
AA Large
6.8
AA
8.1
AAA
1.5
Fail
—
2.6
Fail
4.5
AA
5.4
AA
4.0
AA Large
2.6
Fail
—
1.7
Fail
2.0
Fail
6.8
AA
4.5
AA
1.7
Fail
—
1.2
Fail
8.1
AAA
5.4
AA
2.0
Fail
1.2
Fail
—
White BG
2.2Fail
3.3AA Large
8.9AAA
15.1AAA
17.9AAA
Black BG
9.5AAA
6.3AA
2.4Fail
1.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C19D
AFAD5B
5C5B3C
2E2E30
1A1A22

Deuteranopia

C5CA9D
B9C65A
626A39
31342D
1B1D21

Tritanopia

D99D9D
F25756
863432
3F2927
211E1D

Achromatopsia

B1B1B1
828282
434343
262626
181818

Shades & Tints Shades & Tints

#DC9F9C

Dark
Light

#FB4B60

Dark
Light

#8B1E45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc9f9c;
  --color-2: #fb4b60;
  --color-3: #8b1e45;
  --color-4: #411538;
  --color-5: #221028;
}

SCSS

$color-1: #dc9f9c;
$color-2: #fb4b60;
$color-3: #8b1e45;
$color-4: #411538;
$color-5: #221028;

TAILWIND

colors: {
  'brand-1': '#dc9f9c',
  'brand-2': '#fb4b60',
  'brand-3': '#8b1e45',
  'brand-4': '#411538',
  'brand-5': '#221028',
}

RGB Array

[220, 159, 156], [251, 75, 96], [139, 30, 69], [65, 21, 56], [34, 16, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC9F9C, #FB4B60, #8B1E45, #411538, #221028 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #dc9f9c; --color-2: #fb4b60; --color-3: #8b1e45; --color-4: #411538; --color-5: #221028. 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. 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