← Back to Editor

#FBE2BB · #F4BFAF · #F88976 · #E83D45 · #AB0E81

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 AppData Visualization

Color Details Color Details

#FBE2BB

Goose Yellow · Bisque · Peach Orange

HEX
#FBE2BB
RGB
rgb(251, 226, 187)
HSL
hsl(37, 89%, 86%)
HSB
hsb(37, 25%, 98%)
CMYK
cmyk(0%, 10%, 25%, 2%)
Oklch
oklch(92.4% 0.058 78.9)

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

#F4BFAF

Peach Pink · LightPink · Cherry Blossom

HEX
#F4BFAF
RGB
rgb(244, 191, 175)
HSL
hsl(14, 76%, 82%)
HSB
hsb(14, 28%, 96%)
CMYK
cmyk(0%, 22%, 28%, 4%)
Oklch
oklch(84.8% 0.065 37.5)

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

#F88976

Peach Pink · Salmon · Coral Red

HEX
#F88976
RGB
rgb(248, 137, 118)
HSL
hsl(9, 90%, 72%)
HSB
hsb(9, 52%, 97%)
CMYK
cmyk(0%, 45%, 52%, 3%)
Oklch
oklch(74.7% 0.139 30.8)

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

#E83D45

Vermilion · Crimson · Passion Red

HEX
#E83D45
RGB
rgb(232, 61, 69)
HSL
hsl(357, 79%, 57%)
HSB
hsb(357, 74%, 91%)
CMYK
cmyk(0%, 74%, 70%, 9%)
Oklch
oklch(61.9% 0.207 23.4)

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

#AB0E81

Rose Purple · MediumVioletRed · Eggplant

HEX
#AB0E81
RGB
rgb(171, 14, 129)
HSL
hsl(316, 85%, 36%)
HSB
hsb(316, 92%, 67%)
CMYK
cmyk(0%, 92%, 25%, 33%)
Oklch
oklch(50.0% 0.207 343.2)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBE2BB
BCD4FB

Analogous

FBC3BC
FBE2BB
F4FBBC

Triadic

FBE2BB
BCFBE3
E3BCFB

Split-Comp.

FBE2BB
BCF4FB
C3BCFB

Tetradic

FBE2BB
BCFBC3
BCD4FB
FBBCF4

Contrast Matrix WCAG 2.1 Contrast

FBE2BB
F4BFAF
F88976
E83D45
AB0E81
—
1.3
Fail
1.9
Fail
3.2
AA Large
5.4
AA
1.3
Fail
—
1.5
Fail
2.5
Fail
4.2
AA Large
1.9
Fail
1.5
Fail
—
1.7
Fail
2.8
Fail
3.2
AA Large
2.5
Fail
1.7
Fail
—
1.7
Fail
5.4
AA
4.2
AA Large
2.8
Fail
1.7
Fail
—
White BG
1.3Fail
1.6Fail
2.4Fail
4.1AA Large
6.7AA
Black BG
16.7AAA
12.9AAA
8.8AAA
5.2AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0C4
DDDDB3
C8C77B
9E9C43
676665

Deuteranopia

F2F4C7
E0E4B4
CED77C
A8B543
707C5F

Tritanopia

FACCCE
F1B6B7
F27E7F
DF4241
A34F4A

Achromatopsia

E5E5E5
CDCDCD
A8A8A8
717171
4A4A4A

Shades & Tints Shades & Tints

#FBE2BB

Dark
Light

#F4BFAF

Dark
Light

#F88976

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbe2bb;
  --color-2: #f4bfaf;
  --color-3: #f88976;
  --color-4: #e83d45;
  --color-5: #ab0e81;
}

SCSS

$color-1: #fbe2bb;
$color-2: #f4bfaf;
$color-3: #f88976;
$color-4: #e83d45;
$color-5: #ab0e81;

TAILWIND

colors: {
  'brand-1': '#fbe2bb',
  'brand-2': '#f4bfaf',
  'brand-3': '#f88976',
  'brand-4': '#e83d45',
  'brand-5': '#ab0e81',
}

RGB Array

[251, 226, 187], [244, 191, 175], [248, 137, 118], [232, 61, 69], [171, 14, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBE2BB, #F4BFAF, #F88976, #E83D45, #AB0E81 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #fbe2bb; --color-2: #f4bfaf; --color-3: #f88976; --color-4: #e83d45; --color-5: #ab0e81. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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