← Back to Editor

#FBE8C5 · #FDAA9F · #F57F8B · #F65362 · #BD2030

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

#FBE8C5

Goose Yellow · Bisque · Peach Orange

HEX
#FBE8C5
RGB
rgb(251, 232, 197)
HSL
hsl(39, 87%, 88%)
HSB
hsb(39, 22%, 98%)
CMYK
cmyk(0%, 8%, 22%, 2%)
Oklch
oklch(93.7% 0.050 82.8)

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

#FDAA9F

Peach Pink · LightPink · Cherry Blossom

HEX
#FDAA9F
RGB
rgb(253, 170, 159)
HSL
hsl(7, 96%, 81%)
HSB
hsb(7, 37%, 99%)
CMYK
cmyk(0%, 33%, 37%, 1%)
Oklch
oklch(81.6% 0.100 27.8)

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

#F57F8B

Peach Pink · LightCoral · Coral Red

HEX
#F57F8B
RGB
rgb(245, 127, 139)
HSL
hsl(354, 86%, 73%)
HSB
hsb(354, 48%, 96%)
CMYK
cmyk(0%, 48%, 43%, 4%)
Oklch
oklch(73.2% 0.144 14.9)

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

#F65362

Peach Pink · Tomato · Coral Red

HEX
#F65362
RGB
rgb(246, 83, 98)
HSL
hsl(354, 90%, 65%)
HSB
hsb(354, 66%, 96%)
CMYK
cmyk(0%, 66%, 60%, 4%)
Oklch
oklch(66.8% 0.198 19.1)

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

#BD2030

Vermilion · FireBrick · Passion Red

HEX
#BD2030
RGB
rgb(189, 32, 48)
HSL
hsl(354, 71%, 43%)
HSB
hsb(354, 83%, 74%)
CMYK
cmyk(0%, 83%, 75%, 26%)
Oklch
oklch(51.8% 0.190 22.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBE8C5
C6D8FB

Analogous

FBCEC6
FBE8C5
F3FBC6

Triadic

FBE8C5
C6FBE8
E8C6FB

Split-Comp.

FBE8C5
C6F3FB
CEC6FB

Tetradic

FBE8C5
C6FBCE
C6D8FB
FBC6F3

Contrast Matrix WCAG 2.1 Contrast

FBE8C5
FDAA9F
F57F8B
F65362
BD2030
—
1.5
Fail
2.1
Fail
2.8
Fail
5.1
AA
1.5
Fail
—
1.4
Fail
1.8
Fail
3.3
AA Large
2.1
Fail
1.4
Fail
—
1.3
Fail
2.4
Fail
2.8
Fail
1.8
Fail
1.3
Fail
—
1.9
Fail
5.1
AA
3.3
AA Large
2.4
Fail
1.9
Fail
—
White BG
1.2Fail
1.8Fail
2.5Fail
3.3AA Large
6.2AA
Black BG
17.5AAA
11.4AAA
8.3AAA
6.3AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3CD
D9D8A2
C2C188
AFAE5E
79782C

Deuteranopia

F4F5CF
DEE4A2
C9D287
B9C55E
828E2B

Tritanopia

FAD4D6
F9A4A4
EF8685
EE5C5B
B52928

Achromatopsia

EAEAEA
C2C2C2
A4A4A4
858585
515151

Shades & Tints Shades & Tints

#FBE8C5

Dark
Light

#FDAA9F

Dark
Light

#F57F8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbe8c5;
  --color-2: #fdaa9f;
  --color-3: #f57f8b;
  --color-4: #f65362;
  --color-5: #bd2030;
}

SCSS

$color-1: #fbe8c5;
$color-2: #fdaa9f;
$color-3: #f57f8b;
$color-4: #f65362;
$color-5: #bd2030;

TAILWIND

colors: {
  'brand-1': '#fbe8c5',
  'brand-2': '#fdaa9f',
  'brand-3': '#f57f8b',
  'brand-4': '#f65362',
  'brand-5': '#bd2030',
}

RGB Array

[251, 232, 197], [253, 170, 159], [245, 127, 139], [246, 83, 98], [189, 32, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBE8C5, #FDAA9F, #F57F8B, #F65362, #BD2030 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: #fbe8c5; --color-2: #fdaa9f; --color-3: #f57f8b; --color-4: #f65362; --color-5: #bd2030. 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