← Back to Editor

#F2C4CD · #F28DA1 · #F25A79 · #F23259 · #F2103E

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

#F2C4CD

Peach Pink · Pink · Cherry Blossom

HEX
#F2C4CD
RGB
rgb(242, 196, 205)
HSL
hsl(348, 64%, 86%)
HSB
hsb(348, 19%, 95%)
CMYK
cmyk(0%, 19%, 15%, 5%)
Oklch
oklch(86.3% 0.054 5.1)

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

#F28DA1

Peach Pink · LightCoral · Coral Red

HEX
#F28DA1
RGB
rgb(242, 141, 161)
HSL
hsl(348, 80%, 75%)
HSB
hsb(348, 42%, 95%)
CMYK
cmyk(0%, 42%, 33%, 5%)
Oklch
oklch(75.6% 0.124 7.7)

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

#F25A79

Peach Pink · LightCoral · Coral Red

HEX
#F25A79
RGB
rgb(242, 90, 121)
HSL
hsl(348, 85%, 65%)
HSB
hsb(348, 63%, 95%)
CMYK
cmyk(0%, 63%, 50%, 5%)
Oklch
oklch(67.5% 0.187 11.4)

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

#F23259

Vermilion · Crimson · Passion Red

HEX
#F23259
RGB
rgb(242, 50, 89)
HSL
hsl(348, 88%, 57%)
HSB
hsb(348, 79%, 95%)
CMYK
cmyk(0%, 79%, 63%, 5%)
Oklch
oklch(63.1% 0.224 16.0)

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

#F2103E

Vermilion · Crimson · Passion Red

HEX
#F2103E
RGB
rgb(242, 16, 62)
HSL
hsl(348, 90%, 51%)
HSB
hsb(348, 93%, 95%)
CMYK
cmyk(0%, 93%, 74%, 5%)
Oklch
oklch(61.1% 0.241 21.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2C4CD
C4F2E9

Analogous

F2C4E4
F2C4CD
F2D2C4

Triadic

F2C4CD
CEF2C4
C4CEF2

Split-Comp.

F2C4CD
C4F2D2
C4E4F2

Tetradic

F2C4CD
E4F2C4
C4F2E9
D2C4F2

Contrast Matrix WCAG 2.1 Contrast

F2C4CD
F28DA1
F25A79
F23259
F2103E
—
1.5
Fail
2.1
Fail
2.5
Fail
2.8
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
1.8
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
2.5
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
2.8
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
White BG
1.5Fail
2.3Fail
3.2AA Large
3.9AA Large
4.3AA Large
Black BG
13.6AAA
9.1AAA
6.5AA
5.4AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDECB
C6C59C
B0AF71
9F9D50
908E33

Deuteranopia

E1E4CA
CCD49B
B9C470
AAB84D
9DAE30

Tritanopia

F0C9C9
ED9898
EA6C6A
E84846
E72A28

Achromatopsia

D3D3D3
ADADAD
8B8B8B
707070
595959

Shades & Tints Shades & Tints

#F2C4CD

Dark
Light

#F28DA1

Dark
Light

#F25A79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2c4cd;
  --color-2: #f28da1;
  --color-3: #f25a79;
  --color-4: #f23259;
  --color-5: #f2103e;
}

SCSS

$color-1: #f2c4cd;
$color-2: #f28da1;
$color-3: #f25a79;
$color-4: #f23259;
$color-5: #f2103e;

TAILWIND

colors: {
  'brand-1': '#f2c4cd',
  'brand-2': '#f28da1',
  'brand-3': '#f25a79',
  'brand-4': '#f23259',
  'brand-5': '#f2103e',
}

RGB Array

[242, 196, 205], [242, 141, 161], [242, 90, 121], [242, 50, 89], [242, 16, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2C4CD, #F28DA1, #F25A79, #F23259, #F2103E 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: #f2c4cd; --color-2: #f28da1; --color-3: #f25a79; --color-4: #f23259; --color-5: #f2103e. 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