← Back to Editor

#F878A2 · #EAA2C7 · #EAC0C4 · #F8CAB8 · #C3D2C1

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

#F878A2

Rouge · LightCoral · Rose Pink

HEX
#F878A2
RGB
rgb(248, 120, 162)
HSL
hsl(340, 90%, 72%)
HSB
hsb(340, 52%, 97%)
CMYK
cmyk(0%, 52%, 35%, 3%)
Oklch
oklch(73.2% 0.162 1.2)

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

#EAA2C7

Mauve · LightPink · Cherry Blossom

HEX
#EAA2C7
RGB
rgb(234, 162, 199)
HSL
hsl(329, 63%, 78%)
HSB
hsb(329, 31%, 92%)
CMYK
cmyk(0%, 31%, 15%, 8%)
Oklch
oklch(79.2% 0.097 347.4)

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

#EAC0C4

Peach Pink · Pink · Cherry Blossom

HEX
#EAC0C4
RGB
rgb(234, 192, 196)
HSL
hsl(354, 50%, 84%)
HSB
hsb(354, 18%, 92%)
CMYK
cmyk(0%, 18%, 16%, 8%)
Oklch
oklch(84.5% 0.048 11.7)

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

#F8CAB8

Apricot · Wheat · Peach Orange

HEX
#F8CAB8
RGB
rgb(248, 202, 184)
HSL
hsl(17, 82%, 85%)
HSB
hsb(17, 26%, 97%)
CMYK
cmyk(0%, 19%, 26%, 3%)
Oklch
oklch(87.4% 0.058 42.5)

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

#C3D2C1

Celadon · Silver · Apple Green

HEX
#C3D2C1
RGB
rgb(195, 210, 193)
HSL
hsl(113, 16%, 79%)
HSB
hsb(113, 8%, 82%)
CMYK
cmyk(7%, 0%, 8%, 18%)
Oklch
oklch(84.8% 0.028 142.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F878A2
77F8CD

Analogous

F877E2
F878A2
F88D77

Triadic

F878A2
A2F877
77A2F8

Split-Comp.

F878A2
77F88D
77E2F8

Tetradic

F878A2
E2F877
77F8CD
8D77F8

Contrast Matrix WCAG 2.1 Contrast

F878A2
EAA2C7
EAC0C4
F8CAB8
C3D2C1
—
1.3
Fail
1.6
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.3
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.3
Fail
1.0
Fail
1.1
Fail
—
White BG
2.6Fail
2.0Fail
1.6Fail
1.5Fail
1.6Fail
Black BG
8.2AAA
10.5AAA
12.8AAA
14.1AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1BF98
CBCABE
D8D7C3
E4E4BC
C9CAC5

Deuteranopia

C8D295
CFD4BC
DADDC3
E7EABD
C9C8C6

Tritanopia

F2908E
E6B7B5
E8C2C2
F6C0C1
C4C8C9

Achromatopsia

A3A3A3
BCBCBC
CDCDCD
D6D6D6
CCCCCC

Shades & Tints Shades & Tints

#F878A2

Dark
Light

#EAA2C7

Dark
Light

#EAC0C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f878a2;
  --color-2: #eaa2c7;
  --color-3: #eac0c4;
  --color-4: #f8cab8;
  --color-5: #c3d2c1;
}

SCSS

$color-1: #f878a2;
$color-2: #eaa2c7;
$color-3: #eac0c4;
$color-4: #f8cab8;
$color-5: #c3d2c1;

TAILWIND

colors: {
  'brand-1': '#f878a2',
  'brand-2': '#eaa2c7',
  'brand-3': '#eac0c4',
  'brand-4': '#f8cab8',
  'brand-5': '#c3d2c1',
}

RGB Array

[248, 120, 162], [234, 162, 199], [234, 192, 196], [248, 202, 184], [195, 210, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F878A2, #EAA2C7, #EAC0C4, #F8CAB8, #C3D2C1 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: #f878a2; --color-2: #eaa2c7; --color-3: #eac0c4; --color-4: #f8cab8; --color-5: #c3d2c1. 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