← Back to Editor

#FC4A98 · #5CEB9C · #7AA7E8 · #BA79CD · #FB8569

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FC4A98

Rouge · DeepPink · Rose Pink

HEX
#FC4A98
RGB
rgb(252, 74, 152)
HSL
hsl(334, 97%, 64%)
HSB
hsb(334, 71%, 99%)
CMYK
cmyk(0%, 71%, 40%, 1%)
Oklch
oklch(68.2% 0.222 358.1)

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

#5CEB9C

Emerald · MediumAquaMarine · Apple Green

HEX
#5CEB9C
RGB
rgb(92, 235, 156)
HSL
hsl(147, 78%, 64%)
HSB
hsb(147, 61%, 92%)
CMYK
cmyk(61%, 0%, 34%, 8%)
Oklch
oklch(84.3% 0.167 155.8)

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

#7AA7E8

Azure · CornflowerBlue · Cobalt Blue

HEX
#7AA7E8
RGB
rgb(122, 167, 232)
HSL
hsl(215, 71%, 69%)
HSB
hsb(215, 47%, 91%)
CMYK
cmyk(47%, 28%, 0%, 9%)
Oklch
oklch(72.2% 0.107 257.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#BA79CD

Lilac · Orchid · Lilac Purple

HEX
#BA79CD
RGB
rgb(186, 121, 205)
HSL
hsl(286, 46%, 64%)
HSB
hsb(286, 41%, 80%)
CMYK
cmyk(9%, 41%, 0%, 20%)
Oklch
oklch(67.4% 0.139 318.3)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#FB8569

Peach Pink · Salmon · Coral Red

HEX
#FB8569
RGB
rgb(251, 133, 105)
HSL
hsl(12, 95%, 70%)
HSB
hsb(12, 58%, 98%)
CMYK
cmyk(0%, 47%, 58%, 2%)
Oklch
oklch(74.2% 0.150 34.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC4A98
4AFCAF

Analogous

FC4AF0
FC4A98
FC564A

Triadic

FC4A98
97FC4A
4A97FC

Split-Comp.

FC4A98
4AFC56
4AF0FC

Tetradic

FC4A98
F0FC4A
4AFCAF
564AFC

Contrast Matrix WCAG 2.1 Contrast

FC4A98
5CEB9C
7AA7E8
BA79CD
FB8569
—
2.1
Fail
1.3
Fail
1.0
Fail
1.3
Fail
2.1
Fail
—
1.6
Fail
2.1
Fail
1.6
Fail
1.3
Fail
1.6
Fail
—
1.3
Fail
1.0
Fail
1.0
Fail
2.1
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
1.6
Fail
1.0
Fail
1.3
Fail
—
White BG
3.2AA Large
1.5Fail
2.5Fail
3.1AA Large
2.4Fail
Black BG
6.6AA
13.8AAA
8.5AAA
6.7AA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAD85
9A9BAF
8D8ED8
9E9DB9
C8C770

Deuteranopia

B9C781
9287B4
8B88D4
A2A7B4
CFD871

Tritanopia

F37673
63BEC2
7CCCC9
B7A9A5
F57576

Achromatopsia

888888
B7B7B7
A1A1A1
969696
A5A5A5

Shades & Tints Shades & Tints

#FC4A98

Dark
Light

#5CEB9C

Dark
Light

#7AA7E8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc4a98;
  --color-2: #5ceb9c;
  --color-3: #7aa7e8;
  --color-4: #ba79cd;
  --color-5: #fb8569;
}

SCSS

$color-1: #fc4a98;
$color-2: #5ceb9c;
$color-3: #7aa7e8;
$color-4: #ba79cd;
$color-5: #fb8569;

TAILWIND

colors: {
  'brand-1': '#fc4a98',
  'brand-2': '#5ceb9c',
  'brand-3': '#7aa7e8',
  'brand-4': '#ba79cd',
  'brand-5': '#fb8569',
}

RGB Array

[252, 74, 152], [92, 235, 156], [122, 167, 232], [186, 121, 205], [251, 133, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC4A98, #5CEB9C, #7AA7E8, #BA79CD, #FB8569 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: #fc4a98; --color-2: #5ceb9c; --color-3: #7aa7e8; --color-4: #ba79cd; --color-5: #fb8569. 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