#D9A7B9 + #AEB5BD + #CCA9AC + #FFADAD + #94767F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D9A7B9

Rouge · Silver · Rose Pink

HEX

#D9A7B9

RGB

rgb(217, 167, 185)

HSL

hsl(338, 40%, 75%)

HSB

hsb(338, 23%, 85%)

CMYK

cmyk(0%, 23%, 15%, 15%)

Oklch

oklch(77.9% 0.063 355.2)

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

#AEB5BD

Azure · Silver · Cobalt Blue

HEX

#AEB5BD

RGB

rgb(174, 181, 189)

HSL

hsl(212, 10%, 71%)

HSB

hsb(212, 8%, 74%)

CMYK

cmyk(8%, 4%, 0%, 26%)

Oklch

oklch(77.0% 0.014 251.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#CCA9AC

Peach Pink · Silver · Coral Red

HEX

#CCA9AC

RGB

rgb(204, 169, 172)

HSL

hsl(355, 26%, 73%)

HSB

hsb(355, 17%, 80%)

CMYK

cmyk(0%, 17%, 16%, 20%)

Oklch

oklch(76.7% 0.041 12.3)

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

#FFADAD

Peach Pink · LightPink · Cherry Blossom

HEX

#FFADAD

RGB

rgb(255, 173, 173)

HSL

hsl(0, 100%, 84%)

HSB

hsb(0, 32%, 100%)

CMYK

cmyk(0%, 32%, 32%, 0%)

Oklch

oklch(82.7% 0.097 19.3)

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

#94767F

Dark Violet · Gray · Rose Pink

HEX

#94767F

RGB

rgb(148, 118, 127)

HSL

hsl(342, 12%, 52%)

HSB

hsb(342, 20%, 58%)

CMYK

cmyk(0%, 20%, 14%, 42%)

Oklch

oklch(59.7% 0.039 358.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9A7B9

A6D9C6

Analogous

D9A6D2

D9A7B9

D9ADA6

Triadic

D9A7B9

B8D9A6

A6B8D9

Split-Comp.

D9A7B9

A6D9AD

A6D2D9

Tetradic

D9A7B9

D2D9A6

A6D9C6

ADA6D9

Contrast Matrix WCAG 2.1 Contrast

D9A7B9	AEB5BD	CCA9AC	FFADAD	94767F
—	1.0 Fail	1.0 Fail	1.2 Fail	2.0 Fail
1.0 Fail	—	1.0 Fail	1.2 Fail	2.0 Fail
1.0 Fail	1.0 Fail	—	1.2 Fail	1.9 Fail
1.2 Fail	1.2 Fail	1.2 Fail	—	2.3 Fail
2.0 Fail	2.0 Fail	1.9 Fail	2.3 Fail	—

White BG

2.1Fail

1.8Fail

4.1AA Large

Black BG

10.2AAA

10.1AAA

9.8AAA

11.8AAA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3B5

B1B1BB

BDBDAB

DBDBAD

87877D

Deuteranopia

C6CAB4

B1B0BB

BFC1AB

E0E6AD

898B7C

Tritanopia

D6B1B0

AEBAB9

CAABAB

FBADAD

937B7B

Achromatopsia

B8B8B8

B4B4B4

C6C6C6

808080

Shades & Tints Shades & Tints

#D9A7B9

Dark

Light

#AEB5BD

Dark

Light

#CCA9AC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9a7b9;
  --color-2: #aeb5bd;
  --color-3: #cca9ac;
  --color-4: #ffadad;
  --color-5: #94767f;
}

SCSS

$color-1: #d9a7b9;
$color-2: #aeb5bd;
$color-3: #cca9ac;
$color-4: #ffadad;
$color-5: #94767f;

TAILWIND

colors: {
  'brand-1': '#d9a7b9',
  'brand-2': '#aeb5bd',
  'brand-3': '#cca9ac',
  'brand-4': '#ffadad',
  'brand-5': '#94767f',
}

RGB Array

[217, 167, 185], [174, 181, 189], [204, 169, 172], [255, 173, 173], [148, 118, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9A7B9, #AEB5BD, #CCA9AC, #FFADAD, #94767F is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d9a7b9; --color-2: #aeb5bd; --color-3: #cca9ac; --color-4: #ffadad; --color-5: #94767f. 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 tech, SaaS, healthcare, eco industries. 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