← Back to Editor

#FB6684 · #FC8991 · #FDAB9E · #FECEAB · #FFF0B8

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

#FB6684

Peach Pink · LightCoral · Coral Red

HEX
#FB6684
RGB
rgb(251, 102, 132)
HSL
hsl(348, 95%, 69%)
HSB
hsb(348, 59%, 98%)
CMYK
cmyk(0%, 59%, 47%, 2%)
Oklch
oklch(70.5% 0.183 10.8)

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

#FC8991

Peach Pink · LightCoral · Coral Red

HEX
#FC8991
RGB
rgb(252, 137, 145)
HSL
hsl(356, 95%, 76%)
HSB
hsb(356, 46%, 99%)
CMYK
cmyk(0%, 46%, 42%, 1%)
Oklch
oklch(75.8% 0.140 16.6)

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

#FDAB9E

Peach Pink · LightPink · Cherry Blossom

HEX
#FDAB9E
RGB
rgb(253, 171, 158)
HSL
hsl(8, 96%, 81%)
HSB
hsb(8, 38%, 99%)
CMYK
cmyk(0%, 32%, 38%, 1%)
Oklch
oklch(81.7% 0.099 29.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FECEAB

Apricot · Wheat · Peach Orange

HEX
#FECEAB
RGB
rgb(254, 206, 171)
HSL
hsl(25, 98%, 83%)
HSB
hsb(25, 33%, 100%)
CMYK
cmyk(0%, 19%, 33%, 0%)
Oklch
oklch(88.5% 0.072 57.7)

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

#FFF0B8

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF0B8
RGB
rgb(255, 240, 184)
HSL
hsl(47, 100%, 86%)
HSB
hsb(47, 28%, 100%)
CMYK
cmyk(0%, 6%, 28%, 0%)
Oklch
oklch(95.4% 0.073 94.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB6684
65FBDD

Analogous

FB65CE
FB6684
FB9265

Triadic

FB6684
83FB65
6583FB

Split-Comp.

FB6684
65FB92
65CEFB

Tetradic

FB6684
CEFB65
65FBDD
9265FB

Contrast Matrix WCAG 2.1 Contrast

FB6684
FC8991
FDAB9E
FECEAB
FFF0B8
—
1.2
Fail
1.6
Fail
2.0
Fail
2.5
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
2.5
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
2.9Fail
2.3Fail
1.8Fail
1.4Fail
1.1Fail
Black BG
7.3AAA
9.1AAA
11.5AAA
14.6AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB97D
CAC98F
D9D9A1
E9E9B3
F9F8C6

Deuteranopia

C3CE7B
D1D98F
DEE4A2
ECF0B6
F9FBC9

Tritanopia

F47776
F68E8D
F9A4A4
FCBABC
FED0D3

Achromatopsia

969696
ACACAC
C2C2C2
D8D8D8
EEEEEE

Shades & Tints Shades & Tints

#FB6684

Dark
Light

#FC8991

Dark
Light

#FDAB9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb6684;
  --color-2: #fc8991;
  --color-3: #fdab9e;
  --color-4: #feceab;
  --color-5: #fff0b8;
}

SCSS

$color-1: #fb6684;
$color-2: #fc8991;
$color-3: #fdab9e;
$color-4: #feceab;
$color-5: #fff0b8;

TAILWIND

colors: {
  'brand-1': '#fb6684',
  'brand-2': '#fc8991',
  'brand-3': '#fdab9e',
  'brand-4': '#feceab',
  'brand-5': '#fff0b8',
}

RGB Array

[251, 102, 132], [252, 137, 145], [253, 171, 158], [254, 206, 171], [255, 240, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FB6684, #FC8991, #FDAB9E, #FECEAB, #FFF0B8 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: #fb6684; --color-2: #fc8991; --color-3: #fdab9e; --color-4: #feceab; --color-5: #fff0b8. 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