← Back to Editor

#4D293C · #D00173 · #E85D5D · #F2DA91 · #E8CF5D

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

#4D293C

Rose Purple · DarkSlateGray · Raspberry

HEX
#4D293C
RGB
rgb(77, 41, 60)
HSL
hsl(328, 31%, 23%)
HSB
hsb(328, 47%, 30%)
CMYK
cmyk(0%, 47%, 22%, 70%)
Oklch
oklch(33.5% 0.060 347.9)

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

#D00173

Rose Purple · MediumVioletRed · Camellia

HEX
#D00173
RGB
rgb(208, 1, 115)
HSL
hsl(327, 99%, 41%)
HSB
hsb(327, 100%, 82%)
CMYK
cmyk(0%, 100%, 45%, 18%)
Oklch
oklch(55.7% 0.227 358.0)

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

#E85D5D

Peach Pink · Tomato · Coral Red

HEX
#E85D5D
RGB
rgb(232, 93, 93)
HSL
hsl(0, 75%, 64%)
HSB
hsb(0, 60%, 91%)
CMYK
cmyk(0%, 60%, 60%, 9%)
Oklch
oklch(65.7% 0.173 23.1)

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

#F2DA91

Goose Yellow · Khaki · Lemon Cream

HEX
#F2DA91
RGB
rgb(242, 218, 145)
HSL
hsl(45, 79%, 76%)
HSB
hsb(45, 40%, 95%)
CMYK
cmyk(0%, 10%, 40%, 5%)
Oklch
oklch(89.2% 0.096 91.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E8CF5D

Ginger · SandyBrown · Sunflower

HEX
#E8CF5D
RGB
rgb(232, 207, 93)
HSL
hsl(49, 75%, 64%)
HSB
hsb(49, 60%, 91%)
CMYK
cmyk(0%, 11%, 60%, 9%)
Oklch
oklch(85.4% 0.136 97.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D293C
284D39

Analogous

4C284D
4D293C
4D282A

Triadic

4D293C
3C4D28
283C4D

Split-Comp.

4D293C
2A4D28
284D4C

Tetradic

4D293C
4D4C28
284D39
282A4D

Contrast Matrix WCAG 2.1 Contrast

4D293C
D00173
E85D5D
F2DA91
E8CF5D
—
2.3
Fail
3.6
AA Large
9.0
AAA
8.0
AAA
2.3
Fail
—
1.6
Fail
3.9
AA Large
3.4
AA Large
3.6
AA Large
1.6
Fail
—
2.5
Fail
2.2
Fail
9.0
AAA
3.9
AA Large
2.5
Fail
—
1.1
Fail
8.0
AAA
3.4
AA Large
2.2
Fail
1.1
Fail
—
White BG
12.4AAA
5.3AA
3.4AA Large
1.4Fail
1.6Fail
Black BG
1.7Fail
3.9AA Large
6.2AA
15.2AAA
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D37
767557
ACAB5D
E8E7A3
DDDD79

Deuteranopia

404236
829251
B4BE5D
E9EBA7
DFE07F

Tritanopia

4B3433
C6423D
E15D5D
F1B1B4
E78E93

Achromatopsia

363636
4C4C4C
878787
D9D9D9
C9C9C9

Shades & Tints Shades & Tints

#4D293C

Dark
Light

#D00173

Dark
Light

#E85D5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d293c;
  --color-2: #d00173;
  --color-3: #e85d5d;
  --color-4: #f2da91;
  --color-5: #e8cf5d;
}

SCSS

$color-1: #4d293c;
$color-2: #d00173;
$color-3: #e85d5d;
$color-4: #f2da91;
$color-5: #e8cf5d;

TAILWIND

colors: {
  'brand-1': '#4d293c',
  'brand-2': '#d00173',
  'brand-3': '#e85d5d',
  'brand-4': '#f2da91',
  'brand-5': '#e8cf5d',
}

RGB Array

[77, 41, 60], [208, 1, 115], [232, 93, 93], [242, 218, 145], [232, 207, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4D293C, #D00173, #E85D5D, #F2DA91, #E8CF5D 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: #4d293c; --color-2: #d00173; --color-3: #e85d5d; --color-4: #f2da91; --color-5: #e8cf5d. 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