← Back to Editor

#FCD19E · #FBA56A · #FC886F · #F6557F · #F26BAE

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

#FCD19E

Goose Yellow · Wheat · Peach Orange

HEX
#FCD19E
RGB
rgb(252, 209, 158)
HSL
hsl(33, 94%, 80%)
HSB
hsb(33, 37%, 99%)
CMYK
cmyk(0%, 17%, 37%, 1%)
Oklch
oklch(88.6% 0.082 71.2)

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

#FBA56A

Apricot · SandyBrown · Warm Sun

HEX
#FBA56A
RGB
rgb(251, 165, 106)
HSL
hsl(24, 95%, 70%)
HSB
hsb(24, 58%, 98%)
CMYK
cmyk(0%, 34%, 58%, 2%)
Oklch
oklch(79.5% 0.127 54.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FC886F

Peach Pink · Salmon · Coral Red

HEX
#FC886F
RGB
rgb(252, 136, 111)
HSL
hsl(11, 96%, 71%)
HSB
hsb(11, 56%, 99%)
CMYK
cmyk(0%, 46%, 56%, 1%)
Oklch
oklch(74.9% 0.146 33.3)

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

#F6557F

Rouge · LightCoral · Rose Pink

HEX
#F6557F
RGB
rgb(246, 85, 127)
HSL
hsl(344, 90%, 65%)
HSB
hsb(344, 65%, 96%)
CMYK
cmyk(0%, 65%, 48%, 4%)
Oklch
oklch(67.7% 0.198 8.4)

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

#F26BAE

Rouge · Orchid · Rose Pink

HEX
#F26BAE
RGB
rgb(242, 107, 174)
HSL
hsl(330, 84%, 68%)
HSB
hsb(330, 56%, 95%)
CMYK
cmyk(0%, 56%, 28%, 5%)
Oklch
oklch(71.1% 0.180 351.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCD19E
9CC7FC

Analogous

FCA19C
FCD19E
F7FC9C

Triadic

FCD19E
9CFCD1
D19CFC

Split-Comp.

FCD19E
9CF7FC
A19CFC

Tetradic

FCD19E
9CFCA1
9CC7FC
FC9CF7

Contrast Matrix WCAG 2.1 Contrast

FCD19E
FBA56A
FC886F
F6557F
F26BAE
—
1.4
Fail
1.7
Fail
2.3
Fail
2.0
Fail
1.4
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.7
Fail
1.2
Fail
—
1.4
Fail
1.2
Fail
2.3
Fail
1.6
Fail
1.4
Fail
—
1.1
Fail
2.0
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
1.4Fail
2.0Fail
2.4Fail
3.2AA Large
2.8Fail
Black BG
14.8AAA
10.7AAA
8.9AAA
6.5AA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9AA
D6D578
CAC975
B0AF75
B8B69E

Deuteranopia

ECEFAD
DBE17C
D1D976
BAC672
BFC99A

Tritanopia

FAB4B6
F78486
F67A7B
EE6D6B
EB918E

Achromatopsia

D8D8D8
B8B8B8
A8A8A8
8A8A8A
9B9B9B

Shades & Tints Shades & Tints

#FCD19E

Dark
Light

#FBA56A

Dark
Light

#FC886F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcd19e;
  --color-2: #fba56a;
  --color-3: #fc886f;
  --color-4: #f6557f;
  --color-5: #f26bae;
}

SCSS

$color-1: #fcd19e;
$color-2: #fba56a;
$color-3: #fc886f;
$color-4: #f6557f;
$color-5: #f26bae;

TAILWIND

colors: {
  'brand-1': '#fcd19e',
  'brand-2': '#fba56a',
  'brand-3': '#fc886f',
  'brand-4': '#f6557f',
  'brand-5': '#f26bae',
}

RGB Array

[252, 209, 158], [251, 165, 106], [252, 136, 111], [246, 85, 127], [242, 107, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FCD19E, #FBA56A, #FC886F, #F6557F, #F26BAE 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: #fcd19e; --color-2: #fba56a; --color-3: #fc886f; --color-4: #f6557f; --color-5: #f26bae. 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