← Back to Editor

#D3A3AF · #B89098 · #F3ADAD · #FFC1B1 · #FFDACC

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 App

Color Details Color Details

#D3A3AF

Peach Pink · Silver · Coral Red

HEX
#D3A3AF
RGB
rgb(211, 163, 175)
HSL
hsl(345, 35%, 73%)
HSB
hsb(345, 23%, 83%)
CMYK
cmyk(0%, 23%, 17%, 17%)
Oklch
oklch(76.3% 0.059 2.0)

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

#B89098

Peach Pink · DarkGray · Coral Red

HEX
#B89098
RGB
rgb(184, 144, 152)
HSL
hsl(348, 22%, 64%)
HSB
hsb(348, 22%, 72%)
CMYK
cmyk(0%, 22%, 17%, 28%)
Oklch
oklch(69.3% 0.049 5.1)

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

#F3ADAD

Peach Pink · LightPink · Cherry Blossom

HEX
#F3ADAD
RGB
rgb(243, 173, 173)
HSL
hsl(0, 74%, 82%)
HSB
hsb(0, 29%, 95%)
CMYK
cmyk(0%, 29%, 29%, 5%)
Oklch
oklch(81.4% 0.083 19.0)

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

#FFC1B1

Peach Pink · LightPink · Cherry Blossom

HEX
#FFC1B1
RGB
rgb(255, 193, 177)
HSL
hsl(12, 100%, 85%)
HSB
hsb(12, 31%, 100%)
CMYK
cmyk(0%, 24%, 31%, 0%)
Oklch
oklch(86.3% 0.075 34.9)

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

#FFDACC

Apricot · Bisque · Peach Orange

HEX
#FFDACC
RGB
rgb(255, 218, 204)
HSL
hsl(16, 100%, 90%)
HSB
hsb(16, 20%, 100%)
CMYK
cmyk(0%, 15%, 20%, 0%)
Oklch
oklch(91.6% 0.046 41.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3A3AF
A2D2C6

Analogous

D2A2C6
D3A3AF
D2AEA2

Triadic

D3A3AF
AED2A2
A2AED2

Split-Comp.

D3A3AF
A2D2AE
A2C6D2

Tetradic

D3A3AF
C6D2A2
A2D2C6
AEA2D2

Contrast Matrix WCAG 2.1 Contrast

D3A3AF
B89098
F3ADAD
FFC1B1
FFDACC
—
1.3
Fail
1.2
Fail
1.4
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
2.2
Fail
1.2
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.4
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
2.2
Fail
1.4
Fail
1.2
Fail
—
White BG
2.2Fail
2.8Fail
1.8Fail
1.6Fail
1.3Fail
Black BG
9.6AAA
7.5AAA
11.4AAA
13.5AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEAC
A7A696
D5D4AD
E4E4B5
EFEFCF

Deuteranopia

C1C5AB
A9AC96
D9DEAD
E8ECB6
F1F4D0

Tritanopia

D1AAA9
B69594
F0ADAD
FCB8B9
FDD2D3

Achromatopsia

B3B3B3
9D9D9D
C2C2C2
D2D2D2
E3E3E3

Shades & Tints Shades & Tints

#D3A3AF

Dark
Light

#B89098

Dark
Light

#F3ADAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3a3af;
  --color-2: #b89098;
  --color-3: #f3adad;
  --color-4: #ffc1b1;
  --color-5: #ffdacc;
}

SCSS

$color-1: #d3a3af;
$color-2: #b89098;
$color-3: #f3adad;
$color-4: #ffc1b1;
$color-5: #ffdacc;

TAILWIND

colors: {
  'brand-1': '#d3a3af',
  'brand-2': '#b89098',
  'brand-3': '#f3adad',
  'brand-4': '#ffc1b1',
  'brand-5': '#ffdacc',
}

RGB Array

[211, 163, 175], [184, 144, 152], [243, 173, 173], [255, 193, 177], [255, 218, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3A3AF, #B89098, #F3ADAD, #FFC1B1, #FFDACC 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: #d3a3af; --color-2: #b89098; --color-3: #f3adad; --color-4: #ffc1b1; --color-5: #ffdacc. 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