← Back to Editor

#FF729B · #F78CA9 · #EFA7B7 · #E7C1C4 · #DFDBD2

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

#FF729B

Rouge · LightCoral · Rose Pink

HEX
#FF729B
RGB
rgb(255, 114, 155)
HSL
hsl(343, 100%, 72%)
HSB
hsb(343, 55%, 100%)
CMYK
cmyk(0%, 55%, 39%, 0%)
Oklch
oklch(73.2% 0.175 4.2)

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

#F78CA9

Rouge · LightCoral · Cherry Blossom

HEX
#F78CA9
RGB
rgb(247, 140, 169)
HSL
hsl(344, 87%, 76%)
HSB
hsb(344, 43%, 97%)
CMYK
cmyk(0%, 43%, 32%, 3%)
Oklch
oklch(76.2% 0.133 3.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EFA7B7

Peach Pink · LightPink · Coral Red

HEX
#EFA7B7
RGB
rgb(239, 167, 183)
HSL
hsl(347, 69%, 80%)
HSB
hsb(347, 30%, 94%)
CMYK
cmyk(0%, 30%, 23%, 6%)
Oklch
oklch(80.2% 0.087 4.6)

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

#E7C1C4

Peach Pink · Pink · Cherry Blossom

HEX
#E7C1C4
RGB
rgb(231, 193, 196)
HSL
hsl(355, 44%, 83%)
HSB
hsb(355, 16%, 91%)
CMYK
cmyk(0%, 16%, 15%, 9%)
Oklch
oklch(84.5% 0.044 12.7)

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

#DFDBD2

Goose Yellow · LightGray · Lemon Cream

HEX
#DFDBD2
RGB
rgb(223, 219, 210)
HSL
hsl(42, 17%, 85%)
HSB
hsb(42, 6%, 87%)
CMYK
cmyk(0%, 2%, 6%, 13%)
Oklch
oklch(89.2% 0.013 86.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF729B
70FFD7

Analogous

FF70E0
FF729B
FF8F70

Triadic

FF729B
99FF70
7099FF

Split-Comp.

FF729B
70FF8F
70E0FF

Tetradic

FF729B
E0FF70
70FFD7
8F70FF

Contrast Matrix WCAG 2.1 Contrast

FF729B
F78CA9
EFA7B7
E7C1C4
DFDBD2
—
1.1
Fail
1.3
Fail
1.6
Fail
1.9
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
2.6Fail
2.3Fail
1.9Fail
1.6Fail
1.4Fail
Black BG
8.1AAA
9.3AAA
10.9AAA
12.8AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C191
C9C8A2
D0CFB3
D7D6C3
DDDDD4

Deuteranopia

CAD58F
CFD7A0
D4D9B2
D9DCC3
DEDED5

Tritanopia

F88988
F29C9B
EBB0AF
E5C3C3
DFD6D6

Achromatopsia

A1A1A1
AFAFAF
BEBEBE
CDCDCD
DBDBDB

Shades & Tints Shades & Tints

#FF729B

Dark
Light

#F78CA9

Dark
Light

#EFA7B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff729b;
  --color-2: #f78ca9;
  --color-3: #efa7b7;
  --color-4: #e7c1c4;
  --color-5: #dfdbd2;
}

SCSS

$color-1: #ff729b;
$color-2: #f78ca9;
$color-3: #efa7b7;
$color-4: #e7c1c4;
$color-5: #dfdbd2;

TAILWIND

colors: {
  'brand-1': '#ff729b',
  'brand-2': '#f78ca9',
  'brand-3': '#efa7b7',
  'brand-4': '#e7c1c4',
  'brand-5': '#dfdbd2',
}

RGB Array

[255, 114, 155], [247, 140, 169], [239, 167, 183], [231, 193, 196], [223, 219, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF729B, #F78CA9, #EFA7B7, #E7C1C4, #DFDBD2 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: #ff729b; --color-2: #f78ca9; --color-3: #efa7b7; --color-4: #e7c1c4; --color-5: #dfdbd2. 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