← Back to Editor

#FBD5C5 · #F6B4B9 · #DEB0A1 · #F1D1BF · #E3A7A3

skin

A 5-color skin 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

#FBD5C5

Apricot · Bisque · Peach Orange

HEX
#FBD5C5
RGB
rgb(251, 213, 197)
HSL
hsl(18, 87%, 88%)
HSB
hsb(18, 22%, 98%)
CMYK
cmyk(0%, 15%, 22%, 2%)
Oklch
oklch(90.1% 0.048 44.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F6B4B9

Peach Pink · LightPink · Cherry Blossom

HEX
#F6B4B9
RGB
rgb(246, 180, 185)
HSL
hsl(355, 79%, 84%)
HSB
hsb(355, 27%, 96%)
CMYK
cmyk(0%, 27%, 25%, 4%)
Oklch
oklch(83.2% 0.077 13.8)

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

#DEB0A1

Apricot · Tan · Warm Sun

HEX
#DEB0A1
RGB
rgb(222, 176, 161)
HSL
hsl(15, 48%, 75%)
HSB
hsb(15, 27%, 87%)
CMYK
cmyk(0%, 21%, 27%, 13%)
Oklch
oklch(79.5% 0.058 38.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F1D1BF

Apricot · Wheat · Peach Orange

HEX
#F1D1BF
RGB
rgb(241, 209, 191)
HSL
hsl(22, 64%, 85%)
HSB
hsb(22, 21%, 95%)
CMYK
cmyk(0%, 13%, 21%, 5%)
Oklch
oklch(88.3% 0.044 51.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E3A7A3

Peach Pink · Tan · Coral Red

HEX
#E3A7A3
RGB
rgb(227, 167, 163)
HSL
hsl(4, 53%, 76%)
HSB
hsb(4, 28%, 89%)
CMYK
cmyk(0%, 26%, 28%, 11%)
Oklch
oklch(78.4% 0.072 23.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBD5C5
C6EBFB

Analogous

FBC6D0
FBD5C5
FBF0C6

Triadic

FBD5C5
C6FBD6
D6C6FB

Split-Comp.

FBD5C5
C6FBF0
C6D0FB

Tetradic

FBD5C5
D0FBC6
C6EBFB
F0C6FB

Contrast Matrix WCAG 2.1 Contrast

FBD5C5
F6B4B9
DEB0A1
F1D1BF
E3A7A3
—
1.3
Fail
1.4
Fail
1.1
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
1.3
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.3
Fail
—
1.4
Fail
1.5
Fail
1.2
Fail
1.0
Fail
1.4
Fail
—
White BG
1.4Fail
1.7Fail
1.9Fail
1.4Fail
2.0Fail
Black BG
15.4AAA
12.1AAA
10.8AAA
14.6AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEAC9
D9D9B8
CACAA5
E3E3C3
C9C8A4

Deuteranopia

EDF0CA
DDE2B8
CDD0A6
E5E7C4
CDD1A4

Tritanopia

F9CCCD
F3B7B7
DCA7A8
EFC7C8
E0A5A5

Achromatopsia

DFDFDF
C8C8C8
BCBCBC
D9D9D9
B8B8B8

Shades & Tints Shades & Tints

#FBD5C5

Dark
Light

#F6B4B9

Dark
Light

#DEB0A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbd5c5;
  --color-2: #f6b4b9;
  --color-3: #deb0a1;
  --color-4: #f1d1bf;
  --color-5: #e3a7a3;
}

SCSS

$color-1: #fbd5c5;
$color-2: #f6b4b9;
$color-3: #deb0a1;
$color-4: #f1d1bf;
$color-5: #e3a7a3;

TAILWIND

colors: {
  'brand-1': '#fbd5c5',
  'brand-2': '#f6b4b9',
  'brand-3': '#deb0a1',
  'brand-4': '#f1d1bf',
  'brand-5': '#e3a7a3',
}

RGB Array

[251, 213, 197], [246, 180, 185], [222, 176, 161], [241, 209, 191], [227, 167, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #FBD5C5, #F6B4B9, #DEB0A1, #F1D1BF, #E3A7A3 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: #fbd5c5; --color-2: #f6b4b9; --color-3: #deb0a1; --color-4: #f1d1bf; --color-5: #e3a7a3. 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 skin-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