← Back to Editor

#F6B0BB · #FFFDF3 · #FFCFD3 · #FB4F7F · #41342F

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

#F6B0BB

Peach Pink · LightPink · Cherry Blossom

HEX
#F6B0BB
RGB
rgb(246, 176, 187)
HSL
hsl(351, 80%, 83%)
HSB
hsb(351, 28%, 96%)
CMYK
cmyk(0%, 28%, 24%, 4%)
Oklch
oklch(82.6% 0.083 8.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFFDF3

Fresh Green · Snow · Lemon Cream

HEX
#FFFDF3
RGB
rgb(255, 253, 243)
HSL
hsl(50, 100%, 98%)
HSB
hsb(50, 5%, 100%)
CMYK
cmyk(0%, 1%, 5%, 0%)
Oklch
oklch(99.3% 0.013 97.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFCFD3

Peach Pink · Pink · Cherry Blossom

HEX
#FFCFD3
RGB
rgb(255, 207, 211)
HSL
hsl(355, 100%, 91%)
HSB
hsb(355, 19%, 100%)
CMYK
cmyk(0%, 19%, 17%, 0%)
Oklch
oklch(89.7% 0.054 12.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FB4F7F

Rouge · LightCoral · Rose Pink

HEX
#FB4F7F
RGB
rgb(251, 79, 127)
HSL
hsl(343, 96%, 65%)
HSB
hsb(343, 69%, 98%)
CMYK
cmyk(0%, 69%, 49%, 2%)
Oklch
oklch(67.8% 0.209 8.0)

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

#41342F

Tangerine · DarkSlateGray · Cinnamon

HEX
#41342F
RGB
rgb(65, 52, 47)
HSL
hsl(17, 16%, 22%)
HSB
hsb(17, 28%, 25%)
CMYK
cmyk(0%, 20%, 28%, 75%)
Oklch
oklch(33.8% 0.021 42.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6B0BB
B1F6EC

Analogous

F6B1DE
F6B0BB
F6C9B1

Triadic

F6B0BB
BBF6B1
B1BBF6

Split-Comp.

F6B0BB
B1F6C9
B1DEF6

Tetradic

F6B0BB
DEF6B1
B1F6EC
C9B1F6

Contrast Matrix WCAG 2.1 Contrast

F6B0BB
FFFDF3
FFCFD3
FB4F7F
41342F
—
1.7
Fail
1.3
Fail
1.8
Fail
6.7
AA
1.7
Fail
—
1.4
Fail
3.2
AA Large
11.7
AAA
1.3
Fail
1.4
Fail
—
2.3
Fail
8.6
AAA
1.8
Fail
3.2
AA Large
2.3
Fail
—
3.7
AA Large
6.7
AA
11.7
AAA
8.6
AAA
3.7
AA Large
—
White BG
1.8Fail
1.0Fail
1.4Fail
3.2AA Large
12.0AAA
Black BG
11.8AAA
20.6AAA
15.1AAA
6.5AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D7B8
FEFEF5
EAEAD2
B1AF73
3B3B30

Deuteranopia

DCE1B8
FEFEF6
EDF1D2
BBC771
3C3D31

Tritanopia

F3B6B6
FFF7F8
FDD1D1
F26A68
403131

Achromatopsia

C6C6C6
FCFCFC
DEDEDE
888888
373737

Shades & Tints Shades & Tints

#F6B0BB

Dark
Light

#FFFDF3

Dark
Light

#FFCFD3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6b0bb;
  --color-2: #fffdf3;
  --color-3: #ffcfd3;
  --color-4: #fb4f7f;
  --color-5: #41342f;
}

SCSS

$color-1: #f6b0bb;
$color-2: #fffdf3;
$color-3: #ffcfd3;
$color-4: #fb4f7f;
$color-5: #41342f;

TAILWIND

colors: {
  'brand-1': '#f6b0bb',
  'brand-2': '#fffdf3',
  'brand-3': '#ffcfd3',
  'brand-4': '#fb4f7f',
  'brand-5': '#41342f',
}

RGB Array

[246, 176, 187], [255, 253, 243], [255, 207, 211], [251, 79, 127], [65, 52, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6B0BB, #FFFDF3, #FFCFD3, #FB4F7F, #41342F 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: #f6b0bb; --color-2: #fffdf3; --color-3: #ffcfd3; --color-4: #fb4f7f; --color-5: #41342f. 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