← Back to Editor

#D7CDCE · #E60C46 · #FB0238 · #FA4526 · #FE601F

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

#D7CDCE

Peach Pink · LightGray · Cherry Blossom

HEX
#D7CDCE
RGB
rgb(215, 205, 206)
HSL
hsl(354, 11%, 82%)
HSB
hsb(354, 5%, 84%)
CMYK
cmyk(0%, 5%, 4%, 16%)
Oklch
oklch(85.7% 0.011 10.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E60C46

Dark Violet · Crimson · Camellia

HEX
#E60C46
RGB
rgb(230, 12, 70)
HSL
hsl(344, 90%, 47%)
HSB
hsb(344, 95%, 90%)
CMYK
cmyk(0%, 95%, 70%, 10%)
Oklch
oklch(58.9% 0.232 17.6)

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

#FB0238

Vermilion · Crimson · Passion Red

HEX
#FB0238
RGB
rgb(251, 2, 56)
HSL
hsl(347, 98%, 50%)
HSB
hsb(347, 99%, 98%)
CMYK
cmyk(0%, 99%, 78%, 2%)
Oklch
oklch(62.4% 0.251 22.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FA4526

Vermilion · OrangeRed · Passion Red

HEX
#FA4526
RGB
rgb(250, 69, 38)
HSL
hsl(9, 95%, 56%)
HSB
hsb(9, 85%, 98%)
CMYK
cmyk(0%, 72%, 85%, 2%)
Oklch
oklch(65.3% 0.222 32.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FE601F

Tangerine · Tomato · Warm Sun

HEX
#FE601F
RGB
rgb(254, 96, 31)
HSL
hsl(17, 99%, 56%)
HSB
hsb(17, 88%, 100%)
CMYK
cmyk(0%, 62%, 88%, 0%)
Oklch
oklch(68.8% 0.205 39.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7CDCE
CCD6D5

Analogous

D6CCD2
D7CDCE
D6D0CC

Triadic

D7CDCE
CDD6CC
CCCDD6

Split-Comp.

D7CDCE
CCD6D0
CCD2D6

Tetradic

D7CDCE
D2D6CC
CCD6D5
D0CCD6

Contrast Matrix WCAG 2.1 Contrast

D7CDCE
E60C46
FB0238
FA4526
FE601F
—
3.0
Fail
2.6
Fail
2.3
Fail
2.0
Fail
3.0
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
2.6
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
2.3
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
1.6Fail
4.7AA
4.1AA Large
3.5AA Large
3.0AA Large
Black BG
13.5AAA
4.5AA
5.2AA
5.9AA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3CE
888638
8F8D2B
ACAA2E
BAB82F

Deuteranopia

D3D4CE
94A535
9EB028
B6C42F
C3CF33

Tritanopia

D7CECE
DB2D2A
EF211E
F13335
F63B3E

Achromatopsia

D0D0D0
545454
535353
787878
888888

Shades & Tints Shades & Tints

#D7CDCE

Dark
Light

#E60C46

Dark
Light

#FB0238

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7cdce;
  --color-2: #e60c46;
  --color-3: #fb0238;
  --color-4: #fa4526;
  --color-5: #fe601f;
}

SCSS

$color-1: #d7cdce;
$color-2: #e60c46;
$color-3: #fb0238;
$color-4: #fa4526;
$color-5: #fe601f;

TAILWIND

colors: {
  'brand-1': '#d7cdce',
  'brand-2': '#e60c46',
  'brand-3': '#fb0238',
  'brand-4': '#fa4526',
  'brand-5': '#fe601f',
}

RGB Array

[215, 205, 206], [230, 12, 70], [251, 2, 56], [250, 69, 38], [254, 96, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7CDCE, #E60C46, #FB0238, #FA4526, #FE601F is ideal for: social media posters, mobile apps, e-commerce promos. 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: #d7cdce; --color-2: #e60c46; --color-3: #fb0238; --color-4: #fa4526; --color-5: #fe601f. 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. 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