← Back to Editor

#F05A73 · #FE869F · #F6B192 · #FFDD9E · #FFFCFF

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

#F05A73

Peach Pink · Salmon · Coral Red

HEX
#F05A73
RGB
rgb(240, 90, 115)
HSL
hsl(350, 83%, 65%)
HSB
hsb(350, 62%, 94%)
CMYK
cmyk(0%, 62%, 52%, 6%)
Oklch
oklch(67.0% 0.184 13.6)

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

#FE869F

Peach Pink · LightCoral · Coral Red

HEX
#FE869F
RGB
rgb(254, 134, 159)
HSL
hsl(348, 98%, 76%)
HSB
hsb(348, 47%, 100%)
CMYK
cmyk(0%, 47%, 37%, 0%)
Oklch
oklch(75.9% 0.147 8.0)

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

#F6B192

Apricot · BurlyWood · Peach Orange

HEX
#F6B192
RGB
rgb(246, 177, 146)
HSL
hsl(19, 85%, 77%)
HSB
hsb(19, 41%, 96%)
CMYK
cmyk(0%, 28%, 41%, 4%)
Oklch
oklch(81.8% 0.092 45.2)

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

#FFDD9E

Goose Yellow · Wheat · Peach Orange

HEX
#FFDD9E
RGB
rgb(255, 221, 158)
HSL
hsl(39, 100%, 81%)
HSB
hsb(39, 38%, 100%)
CMYK
cmyk(0%, 13%, 38%, 0%)
Oklch
oklch(91.2% 0.088 82.5)

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

#FFFCFF

Mauve · White · Lavender

HEX
#FFFCFF
RGB
rgb(255, 252, 255)
HSL
hsl(300, 100%, 99%)
HSB
hsb(300, 1%, 100%)
CMYK
cmyk(0%, 1%, 0%, 0%)
Oklch
oklch(99.4% 0.005 325.6)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F05A73
5CF0D7

Analogous

F05CBE
F05A73
F08D5C

Triadic

F05A73
74F05C
5C74F0

Split-Comp.

F05A73
5CF08D
5CBEF0

Tetradic

F05A73
BEF05C
5CF0D7
8D5CF0

Contrast Matrix WCAG 2.1 Contrast

F05A73
FE869F
F6B192
FFDD9E
FFFCFF
—
1.4
Fail
1.8
Fail
2.5
Fail
3.2
AA Large
1.4
Fail
—
1.3
Fail
1.8
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
2.5
Fail
1.8
Fail
1.4
Fail
—
1.3
Fail
3.2
AA Large
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
3.3AA Large
2.3Fail
1.8Fail
1.3Fail
1.0Fail
Black BG
6.4AA
9.1AAA
11.6AAA
16.1AAA
20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE6D
CAC999
D8D89A
F0F0AD
FEFEFE

Deuteranopia

B8C36C
D1DA98
DCE19B
F2F5B1
FEFEFE

Tritanopia

E96867
F89493
F39FA1
FDB9BC
FFFEFE

Achromatopsia

8A8A8A
ADADAD
C2C2C2
E0E0E0
FDFDFD

Shades & Tints Shades & Tints

#F05A73

Dark
Light

#FE869F

Dark
Light

#F6B192

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f05a73;
  --color-2: #fe869f;
  --color-3: #f6b192;
  --color-4: #ffdd9e;
  --color-5: #fffcff;
}

SCSS

$color-1: #f05a73;
$color-2: #fe869f;
$color-3: #f6b192;
$color-4: #ffdd9e;
$color-5: #fffcff;

TAILWIND

colors: {
  'brand-1': '#f05a73',
  'brand-2': '#fe869f',
  'brand-3': '#f6b192',
  'brand-4': '#ffdd9e',
  'brand-5': '#fffcff',
}

RGB Array

[240, 90, 115], [254, 134, 159], [246, 177, 146], [255, 221, 158], [255, 252, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F05A73, #FE869F, #F6B192, #FFDD9E, #FFFCFF 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: #f05a73; --color-2: #fe869f; --color-3: #f6b192; --color-4: #ffdd9e; --color-5: #fffcff. 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