← Back to Editor

#5C244F · #B51B66 · #D97373 · #D9BF73 · #B5F7D6

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

#5C244F

Rose Purple · DarkSlateGray · Eggplant

HEX
#5C244F
RGB
rgb(92, 36, 79)
HSL
hsl(314, 44%, 25%)
HSB
hsb(314, 61%, 36%)
CMYK
cmyk(0%, 61%, 14%, 64%)
Oklch
oklch(35.8% 0.100 337.4)

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

#B51B66

Dark Violet · MediumVioletRed · Camellia

HEX
#B51B66
RGB
rgb(181, 27, 102)
HSL
hsl(331, 74%, 41%)
HSB
hsb(331, 85%, 71%)
CMYK
cmyk(0%, 85%, 44%, 29%)
Oklch
oklch(51.3% 0.193 358.2)

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

#D97373

Peach Pink · LightCoral · Coral Red

HEX
#D97373
RGB
rgb(217, 115, 115)
HSL
hsl(0, 57%, 65%)
HSB
hsb(0, 47%, 85%)
CMYK
cmyk(0%, 47%, 47%, 15%)
Oklch
oklch(67.1% 0.128 21.0)

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

#D9BF73

Ginger · BurlyWood · Sunflower

HEX
#D9BF73
RGB
rgb(217, 191, 115)
HSL
hsl(45, 57%, 65%)
HSB
hsb(45, 47%, 85%)
CMYK
cmyk(0%, 12%, 47%, 15%)
Oklch
oklch(81.0% 0.100 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B5F7D6

Jade · LightBlue · Mint Green

HEX
#B5F7D6
RGB
rgb(181, 247, 214)
HSL
hsl(150, 80%, 84%)
HSB
hsb(150, 27%, 97%)
CMYK
cmyk(27%, 0%, 13%, 3%)
Oklch
oklch(92.3% 0.080 162.6)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C244F
245C31

Analogous

4D245C
5C244F
5C2433

Triadic

5C244F
4F5C24
244F5C

Split-Comp.

5C244F
335C24
245C4D

Tetradic

5C244F
5C4D24
245C31
24335C

Contrast Matrix WCAG 2.1 Contrast

5C244F
B51B66
D97373
D9BF73
B5F7D6
—
1.8
Fail
3.7
AA Large
6.4
AA
9.5
AAA
1.8
Fail
—
2.0
Fail
3.5
AA Large
5.2
AA
3.7
AA Large
2.0
Fail
—
1.8
Fail
2.6
Fail
6.4
AA
3.5
AA Large
1.8
Fail
—
1.5
Fail
9.5
AAA
5.2
AA
2.6
Fail
1.5
Fail
—
White BG
11.5AAA
6.3AA
3.2AA Large
1.8Fail
1.2Fail
Black BG
1.8Fail
3.3AA Large
6.7AA
11.7AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

444345
727154
ADAC73
CECE85
D2D2DE

Deuteranopia

474B42
7B874F
B3BA73
CFD18A
CEC9E0

Tritanopia

593C3B
AD4642
D47373
D89497
B8E4E6

Achromatopsia

3A3A3A
525252
919191
BEBEBE
E0E0E0

Shades & Tints Shades & Tints

#5C244F

Dark
Light

#B51B66

Dark
Light

#D97373

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c244f;
  --color-2: #b51b66;
  --color-3: #d97373;
  --color-4: #d9bf73;
  --color-5: #b5f7d6;
}

SCSS

$color-1: #5c244f;
$color-2: #b51b66;
$color-3: #d97373;
$color-4: #d9bf73;
$color-5: #b5f7d6;

TAILWIND

colors: {
  'brand-1': '#5c244f',
  'brand-2': '#b51b66',
  'brand-3': '#d97373',
  'brand-4': '#d9bf73',
  'brand-5': '#b5f7d6',
}

RGB Array

[92, 36, 79], [181, 27, 102], [217, 115, 115], [217, 191, 115], [181, 247, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C244F, #B51B66, #D97373, #D9BF73, #B5F7D6 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: #5c244f; --color-2: #b51b66; --color-3: #d97373; --color-4: #d9bf73; --color-5: #b5f7d6. 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