← Back to Editor

#FBC889 · #FB9C89 · #FB7F89 · #FB5489 · #FB2889

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

#FBC889

Goose Yellow · Khaki · Peach Orange

HEX
#FBC889
RGB
rgb(251, 200, 137)
HSL
hsl(33, 93%, 76%)
HSB
hsb(33, 45%, 98%)
CMYK
cmyk(0%, 20%, 45%, 2%)
Oklch
oklch(86.4% 0.099 71.8)

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

#FB9C89

Peach Pink · LightSalmon · Coral Red

HEX
#FB9C89
RGB
rgb(251, 156, 137)
HSL
hsl(10, 93%, 76%)
HSB
hsb(10, 45%, 98%)
CMYK
cmyk(0%, 38%, 45%, 2%)
Oklch
oklch(78.5% 0.118 32.0)

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

#FB7F89

Peach Pink · LightCoral · Coral Red

HEX
#FB7F89
RGB
rgb(251, 127, 137)
HSL
hsl(355, 94%, 74%)
HSB
hsb(355, 49%, 98%)
CMYK
cmyk(0%, 49%, 45%, 2%)
Oklch
oklch(74.0% 0.151 16.5)

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

#FB5489

Rouge · LightCoral · Rose Pink

HEX
#FB5489
RGB
rgb(251, 84, 137)
HSL
hsl(341, 95%, 66%)
HSB
hsb(341, 67%, 98%)
CMYK
cmyk(0%, 67%, 45%, 2%)
Oklch
oklch(68.6% 0.205 5.0)

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

#FB2889

Dark Violet · DeepPink · Rose Pink

HEX
#FB2889
RGB
rgb(251, 40, 137)
HSL
hsl(332, 96%, 57%)
HSB
hsb(332, 84%, 98%)
CMYK
cmyk(0%, 84%, 45%, 2%)
Oklch
oklch(65.2% 0.246 0.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBC889
89BCFB

Analogous

FB8F89
FBC889
F5FB89

Triadic

FBC889
89FBC7
C789FB

Split-Comp.

FBC889
89F5FB
8F89FB

Tetradic

FBC889
89FB8F
89BCFB
FB89F5

Contrast Matrix WCAG 2.1 Contrast

FBC889
FB9C89
FB7F89
FB5489
FB2889
—
1.3
Fail
1.6
Fail
2.0
Fail
2.4
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
2.4
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
1.5Fail
2.1Fail
2.5Fail
3.1AA Large
3.6AA Large
Black BG
13.7AAA
10.2AAA
8.5AAA
6.7AA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E498
D2D18E
C5C487
B3B17C
A09E72

Deuteranopia

E8EC9C
D7DF8F
CDD686
BCC979
ACBC6C

Tritanopia

F8A4A7
F69192
F58584
F37270
F05F5B

Achromatopsia

D0D0D0
B6B6B6
A5A5A5
8C8C8C
727272

Shades & Tints Shades & Tints

#FBC889

Dark
Light

#FB9C89

Dark
Light

#FB7F89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbc889;
  --color-2: #fb9c89;
  --color-3: #fb7f89;
  --color-4: #fb5489;
  --color-5: #fb2889;
}

SCSS

$color-1: #fbc889;
$color-2: #fb9c89;
$color-3: #fb7f89;
$color-4: #fb5489;
$color-5: #fb2889;

TAILWIND

colors: {
  'brand-1': '#fbc889',
  'brand-2': '#fb9c89',
  'brand-3': '#fb7f89',
  'brand-4': '#fb5489',
  'brand-5': '#fb2889',
}

RGB Array

[251, 200, 137], [251, 156, 137], [251, 127, 137], [251, 84, 137], [251, 40, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBC889, #FB9C89, #FB7F89, #FB5489, #FB2889 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: #fbc889; --color-2: #fb9c89; --color-3: #fb7f89; --color-4: #fb5489; --color-5: #fb2889. 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