← Back to Editor

#F5849B · #F9BCB8 · #FDF1E2 · #E5EFEF · #BFE3E5

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F5849B

Peach Pink · LightCoral · Coral Red

HEX
#F5849B
RGB
rgb(245, 132, 155)
HSL
hsl(348, 85%, 74%)
HSB
hsb(348, 46%, 96%)
CMYK
cmyk(0%, 46%, 37%, 4%)
Oklch
oklch(74.4% 0.139 8.1)

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

#F9BCB8

Peach Pink · LightPink · Cherry Blossom

HEX
#F9BCB8
RGB
rgb(249, 188, 184)
HSL
hsl(4, 84%, 85%)
HSB
hsb(4, 26%, 98%)
CMYK
cmyk(0%, 24%, 26%, 2%)
Oklch
oklch(85.0% 0.071 23.0)

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

#FDF1E2

Goose Yellow · Linen · Peach Orange

HEX
#FDF1E2
RGB
rgb(253, 241, 226)
HSL
hsl(33, 87%, 94%)
HSB
hsb(33, 11%, 99%)
CMYK
cmyk(0%, 5%, 11%, 1%)
Oklch
oklch(96.4% 0.024 73.6)

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

#E5EFEF

Sky Blue · Lavender · Glacier Blue

HEX
#E5EFEF
RGB
rgb(229, 239, 239)
HSL
hsl(180, 24%, 92%)
HSB
hsb(180, 4%, 94%)
CMYK
cmyk(4%, 0%, 0%, 6%)
Oklch
oklch(94.5% 0.011 197.0)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#BFE3E5

Sky Blue · LightBlue · Glacier Blue

HEX
#BFE3E5
RGB
rgb(191, 227, 229)
HSL
hsl(183, 42%, 82%)
HSB
hsb(183, 17%, 90%)
CMYK
cmyk(17%, 1%, 0%, 10%)
Oklch
oklch(89.1% 0.038 200.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5849B
84F5DF

Analogous

F584D3
F5849B
F5A684

Triadic

F5849B
9BF584
849BF5

Split-Comp.

F5849B
84F5A6
84D3F5

Tetradic

F5849B
D3F584
84F5DF
A684F5

Contrast Matrix WCAG 2.1 Contrast

F5849B
F9BCB8
FDF1E2
E5EFEF
BFE3E5
—
1.5
Fail
2.2
Fail
2.1
Fail
1.8
Fail
1.5
Fail
—
1.5
Fail
1.4
Fail
1.2
Fail
2.2
Fail
1.5
Fail
—
1.1
Fail
1.2
Fail
2.1
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.8
Fail
1.2
Fail
1.2
Fail
1.2
Fail
—
White BG
2.4Fail
1.6Fail
1.1Fail
1.2Fail
1.4Fail
Black BG
8.7AAA
12.9AAA
18.9AAA
17.9AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C395
DFDEB9
F8F8E6
E9E9EF
CFCFE5

Deuteranopia

CBD394
E2E7B9
F9F9E7
E9E8EF
CDCAE4

Tritanopia

EF9190
F6BABA
FCE8E9
E5EFEF
C1E4E4

Achromatopsia

A8A8A8
CECECE
F3F3F3
ECECEC
D8D8D8

Shades & Tints Shades & Tints

#F5849B

Dark
Light

#F9BCB8

Dark
Light

#FDF1E2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5849b;
  --color-2: #f9bcb8;
  --color-3: #fdf1e2;
  --color-4: #e5efef;
  --color-5: #bfe3e5;
}

SCSS

$color-1: #f5849b;
$color-2: #f9bcb8;
$color-3: #fdf1e2;
$color-4: #e5efef;
$color-5: #bfe3e5;

TAILWIND

colors: {
  'brand-1': '#f5849b',
  'brand-2': '#f9bcb8',
  'brand-3': '#fdf1e2',
  'brand-4': '#e5efef',
  'brand-5': '#bfe3e5',
}

RGB Array

[245, 132, 155], [249, 188, 184], [253, 241, 226], [229, 239, 239], [191, 227, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5849B, #F9BCB8, #FDF1E2, #E5EFEF, #BFE3E5 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: #f5849b; --color-2: #f9bcb8; --color-3: #fdf1e2; --color-4: #e5efef; --color-5: #bfe3e5. 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