← Back to Editor

#F2BCAD · #FC9D8B · #EEC492 · #ECF9C6 · #F5707D

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

#F2BCAD

Peach Pink · LightPink · Cherry Blossom

HEX
#F2BCAD
RGB
rgb(242, 188, 173)
HSL
hsl(13, 73%, 81%)
HSB
hsb(13, 29%, 95%)
CMYK
cmyk(0%, 22%, 29%, 5%)
Oklch
oklch(84.0% 0.066 36.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FC9D8B

Peach Pink · LightSalmon · Coral Red

HEX
#FC9D8B
RGB
rgb(252, 157, 139)
HSL
hsl(10, 95%, 77%)
HSB
hsb(10, 45%, 99%)
CMYK
cmyk(0%, 38%, 45%, 1%)
Oklch
oklch(78.8% 0.117 31.4)

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

#EEC492

Goose Yellow · BurlyWood · Warm Sun

HEX
#EEC492
RGB
rgb(238, 196, 146)
HSL
hsl(33, 73%, 75%)
HSB
hsb(33, 39%, 93%)
CMYK
cmyk(0%, 18%, 39%, 7%)
Oklch
oklch(84.5% 0.081 71.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#ECF9C6

Willow Green · Beige · Mint Green

HEX
#ECF9C6
RGB
rgb(236, 249, 198)
HSL
hsl(75, 81%, 88%)
HSB
hsb(75, 20%, 98%)
CMYK
cmyk(5%, 0%, 20%, 2%)
Oklch
oklch(96.0% 0.068 119.3)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#F5707D

Peach Pink · LightCoral · Coral Red

HEX
#F5707D
RGB
rgb(245, 112, 125)
HSL
hsl(354, 87%, 70%)
HSB
hsb(354, 54%, 96%)
CMYK
cmyk(0%, 54%, 49%, 4%)
Oklch
oklch(70.8% 0.163 16.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2BCAD
ABE3F2

Analogous

F2ABBF
F2BCAD
F2DEAB

Triadic

F2BCAD
ABF2BB
BBABF2

Split-Comp.

F2BCAD
ABF2DE
ABBFF2

Tetradic

F2BCAD
BFF2AB
ABE3F2
DEABF2

Contrast Matrix WCAG 2.1 Contrast

F2BCAD
FC9D8B
EEC492
ECF9C6
F5707D
—
1.2
Fail
1.0
Fail
1.5
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.4
Fail
1.0
Fail
1.3
Fail
—
1.5
Fail
1.7
Fail
1.5
Fail
1.8
Fail
1.5
Fail
—
2.5
Fail
1.7
Fail
1.4
Fail
1.7
Fail
2.5
Fail
—
White BG
1.7Fail
2.0Fail
1.6Fail
1.1Fail
2.8Fail
Black BG
12.6AAA
10.3AAA
12.9AAA
18.9AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDAB1
D3D28F
DCDB9E
F2F2D2
BBBA7A

Deuteranopia

DEE2B2
D8DF90
DEE1A1
F1F0D5
C3CD79

Tritanopia

EFB3B4
F79394
ECA8AA
EDDCDE
EE7777

Achromatopsia

CACACA
B7B7B7
CBCBCB
EFEFEF
999999

Shades & Tints Shades & Tints

#F2BCAD

Dark
Light

#FC9D8B

Dark
Light

#EEC492

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2bcad;
  --color-2: #fc9d8b;
  --color-3: #eec492;
  --color-4: #ecf9c6;
  --color-5: #f5707d;
}

SCSS

$color-1: #f2bcad;
$color-2: #fc9d8b;
$color-3: #eec492;
$color-4: #ecf9c6;
$color-5: #f5707d;

TAILWIND

colors: {
  'brand-1': '#f2bcad',
  'brand-2': '#fc9d8b',
  'brand-3': '#eec492',
  'brand-4': '#ecf9c6',
  'brand-5': '#f5707d',
}

RGB Array

[242, 188, 173], [252, 157, 139], [238, 196, 146], [236, 249, 198], [245, 112, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2BCAD, #FC9D8B, #EEC492, #ECF9C6, #F5707D 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: #f2bcad; --color-2: #fc9d8b; --color-3: #eec492; --color-4: #ecf9c6; --color-5: #f5707d. 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