← Back to Editor

#E64D8F · #FB85B0 · #FCACB4 · #FDD1BA · #FDE5BD

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

#E64D8F

Dark Violet · LightCoral · Rose Pink

HEX
#E64D8F
RGB
rgb(230, 77, 143)
HSL
hsl(334, 75%, 60%)
HSB
hsb(334, 67%, 90%)
CMYK
cmyk(0%, 67%, 38%, 10%)
Oklch
oklch(64.8% 0.197 357.6)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FB85B0

Rouge · LightCoral · Rose Pink

HEX
#FB85B0
RGB
rgb(251, 133, 176)
HSL
hsl(338, 94%, 75%)
HSB
hsb(338, 47%, 98%)
CMYK
cmyk(0%, 47%, 30%, 2%)
Oklch
oklch(75.9% 0.150 358.1)

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

#FCACB4

Peach Pink · LightPink · Cherry Blossom

HEX
#FCACB4
RGB
rgb(252, 172, 180)
HSL
hsl(354, 93%, 83%)
HSB
hsb(354, 32%, 99%)
CMYK
cmyk(0%, 32%, 29%, 1%)
Oklch
oklch(82.3% 0.095 12.8)

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

#FDD1BA

Apricot · Wheat · Peach Orange

HEX
#FDD1BA
RGB
rgb(253, 209, 186)
HSL
hsl(21, 94%, 86%)
HSB
hsb(21, 26%, 99%)
CMYK
cmyk(0%, 17%, 26%, 1%)
Oklch
oklch(89.3% 0.059 49.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FDE5BD

Goose Yellow · Bisque · Peach Orange

HEX
#FDE5BD
RGB
rgb(253, 229, 189)
HSL
hsl(38, 94%, 87%)
HSB
hsb(38, 25%, 99%)
CMYK
cmyk(0%, 9%, 25%, 1%)
Oklch
oklch(93.2% 0.058 80.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E64D8F
4CE6A3

Analogous

E64CDB
E64D8F
E6574C

Triadic

E64D8F
8FE64C
4C8FE6

Split-Comp.

E64D8F
4CE657
4CDBE6

Tetradic

E64D8F
DBE64C
4CE6A3
574CE6

Contrast Matrix WCAG 2.1 Contrast

E64D8F
FB85B0
FCACB4
FDD1BA
FDE5BD
—
1.6
Fail
2.0
Fail
2.6
Fail
2.9
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
1.9
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.6
Fail
1.7
Fail
1.3
Fail
—
1.1
Fail
2.9
Fail
1.9
Fail
1.5
Fail
1.1
Fail
—
White BG
3.6AA Large
2.3Fail
1.8Fail
1.4Fail
1.2Fail
Black BG
5.8AA
9.1AAA
11.7AAA
15.0AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A27F
C8C7A6
D9D9B2
EAEAC0
F3F2C7

Deuteranopia

ADB87B
CFD8A3
DEE4B2
EDF0C1
F4F6C9

Tritanopia

DE7270
F59D9C
F8B1B0
FBC4C5
FCCED0

Achromatopsia

828282
ADADAD
C5C5C5
DCDCDC
E8E8E8

Shades & Tints Shades & Tints

#E64D8F

Dark
Light

#FB85B0

Dark
Light

#FCACB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e64d8f;
  --color-2: #fb85b0;
  --color-3: #fcacb4;
  --color-4: #fdd1ba;
  --color-5: #fde5bd;
}

SCSS

$color-1: #e64d8f;
$color-2: #fb85b0;
$color-3: #fcacb4;
$color-4: #fdd1ba;
$color-5: #fde5bd;

TAILWIND

colors: {
  'brand-1': '#e64d8f',
  'brand-2': '#fb85b0',
  'brand-3': '#fcacb4',
  'brand-4': '#fdd1ba',
  'brand-5': '#fde5bd',
}

RGB Array

[230, 77, 143], [251, 133, 176], [252, 172, 180], [253, 209, 186], [253, 229, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E64D8F, #FB85B0, #FCACB4, #FDD1BA, #FDE5BD is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #e64d8f; --color-2: #fb85b0; --color-3: #fcacb4; --color-4: #fdd1ba; --color-5: #fde5bd. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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