← Back to Editor

#D2B7A4 · #A9CEBC · #FCB4A8 · #FF878C · #DF398F

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

#D2B7A4

Apricot · Tan · Warm Sun

HEX
#D2B7A4
RGB
rgb(210, 183, 164)
HSL
hsl(25, 34%, 73%)
HSB
hsb(25, 22%, 82%)
CMYK
cmyk(0%, 13%, 22%, 18%)
Oklch
oklch(79.8% 0.041 57.2)

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

#A9CEBC

Jade · Silver · Apple Green

HEX
#A9CEBC
RGB
rgb(169, 206, 188)
HSL
hsl(151, 27%, 74%)
HSB
hsb(151, 18%, 81%)
CMYK
cmyk(18%, 0%, 9%, 19%)
Oklch
oklch(81.9% 0.047 164.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FCB4A8

Peach Pink · LightPink · Cherry Blossom

HEX
#FCB4A8
RGB
rgb(252, 180, 168)
HSL
hsl(9, 93%, 82%)
HSB
hsb(9, 33%, 99%)
CMYK
cmyk(0%, 29%, 33%, 1%)
Oklch
oklch(83.4% 0.086 29.6)

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

#FF878C

Peach Pink · LightCoral · Coral Red

HEX
#FF878C
RGB
rgb(255, 135, 140)
HSL
hsl(357, 100%, 76%)
HSB
hsb(357, 47%, 100%)
CMYK
cmyk(0%, 47%, 45%, 0%)
Oklch
oklch(75.7% 0.146 18.5)

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

#DF398F

Rose Purple · MediumVioletRed · Rose Pink

HEX
#DF398F
RGB
rgb(223, 57, 143)
HSL
hsl(329, 72%, 55%)
HSB
hsb(329, 74%, 87%)
CMYK
cmyk(0%, 74%, 36%, 13%)
Oklch
oklch(61.9% 0.214 353.8)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D2B7A4
A3BED2

Analogous

D2A3A7
D2B7A4
D2CEA3

Triadic

D2B7A4
A3D2B6
B6A3D2

Split-Comp.

D2B7A4
A3D2CE
A3A7D2

Tetradic

D2B7A4
A7D2A3
A3BED2
CEA3D2

Contrast Matrix WCAG 2.1 Contrast

D2B7A4
A9CEBC
FCB4A8
FF878C
DF398F
—
1.1
Fail
1.1
Fail
1.2
Fail
2.2
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
2.4
Fail
1.1
Fail
1.0
Fail
—
1.3
Fail
2.4
Fail
1.2
Fail
1.3
Fail
1.3
Fail
—
1.8
Fail
2.2
Fail
2.4
Fail
2.4
Fail
1.8
Fail
—
White BG
1.9Fail
1.7Fail
1.7Fail
2.3Fail
4.1AA Large
Black BG
11.0AAA
12.2AAA
12.2AAA
9.1AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6A9
B9B9C0
DDDCAB
CBCA8B
97967A

Deuteranopia

C8CAAA
B7B4C1
E1E6AC
D2DB8B
A1AD75

Tritanopia

D1ACAD
ABC4C5
F8ADAE
F98A8A
D76A66

Achromatopsia

BDBDBD
C1C1C1
C8C8C8
ABABAB
747474

Shades & Tints Shades & Tints

#D2B7A4

Dark
Light

#A9CEBC

Dark
Light

#FCB4A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d2b7a4;
  --color-2: #a9cebc;
  --color-3: #fcb4a8;
  --color-4: #ff878c;
  --color-5: #df398f;
}

SCSS

$color-1: #d2b7a4;
$color-2: #a9cebc;
$color-3: #fcb4a8;
$color-4: #ff878c;
$color-5: #df398f;

TAILWIND

colors: {
  'brand-1': '#d2b7a4',
  'brand-2': '#a9cebc',
  'brand-3': '#fcb4a8',
  'brand-4': '#ff878c',
  'brand-5': '#df398f',
}

RGB Array

[210, 183, 164], [169, 206, 188], [252, 180, 168], [255, 135, 140], [223, 57, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D2B7A4, #A9CEBC, #FCB4A8, #FF878C, #DF398F 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: #d2b7a4; --color-2: #a9cebc; --color-3: #fcb4a8; --color-4: #ff878c; --color-5: #df398f. 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