#B89997 + #DE7D9E + #EFA4C5 + #EBC3DD + #BDC3A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B89997

Peach Pink · DarkGray · Coral Red

HEX

#B89997

RGB

rgb(184, 153, 151)

HSL

hsl(4, 19%, 66%)

HSB

hsb(4, 18%, 72%)

CMYK

cmyk(0%, 17%, 18%, 28%)

Oklch

oklch(71.0% 0.037 22.4)

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

#DE7D9E

Rouge · LightCoral · Rose Pink

HEX

#DE7D9E

RGB

rgb(222, 125, 158)

HSL

hsl(340, 60%, 68%)

HSB

hsb(340, 44%, 87%)

CMYK

cmyk(0%, 44%, 29%, 13%)

Oklch

oklch(70.5% 0.125 359.1)

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

#EFA4C5

Rouge · LightPink · Cherry Blossom

HEX

#EFA4C5

RGB

rgb(239, 164, 197)

HSL

hsl(334, 70%, 79%)

HSB

hsb(334, 31%, 94%)

CMYK

cmyk(0%, 31%, 18%, 6%)

Oklch

oklch(80.1% 0.097 351.5)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EBC3DD

Mauve · Pink · Cherry Blossom

HEX

#EBC3DD

RGB

rgb(235, 195, 221)

HSL

hsl(321, 50%, 84%)

HSB

hsb(321, 17%, 92%)

CMYK

cmyk(0%, 17%, 6%, 8%)

Oklch

oklch(85.9% 0.057 339.3)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#BDC3A1

Willow Green · Silver · Apple Green

HEX

#BDC3A1

RGB

rgb(189, 195, 161)

HSL

hsl(71, 22%, 70%)

HSB

hsb(71, 17%, 76%)

CMYK

cmyk(3%, 0%, 17%, 24%)

Oklch

oklch(80.3% 0.047 115.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B89997

98B7B9

Analogous

B998A6

B89997

B9AA98

Triadic

B89997

98B99A

9A98B9

Split-Comp.

B89997

98B9AA

98A6B9

Tetradic

B89997

A6B998

98B7B9

AA98B9

Contrast Matrix WCAG 2.1 Contrast

B89997	DE7D9E	EFA4C5	EBC3DD	BDC3A1
—	1.1 Fail	1.3 Fail	1.7 Fail	1.4 Fail
1.1 Fail	—	1.4 Fail	1.8 Fail	1.5 Fail
1.3 Fail	1.4 Fail	—	1.2 Fail	1.1 Fail
1.7 Fail	1.8 Fail	1.2 Fail	—	1.2 Fail
1.4 Fail	1.5 Fail	1.1 Fail	1.2 Fail	—

White BG

2.6Fail

2.8Fail

1.9Fail

1.6Fail

1.8Fail

Black BG

8.0AAA

7.5AAA

10.8AAA

13.4AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAA97

B4B396

CFCEBD

DAD9D7

C0C0A9

Deuteranopia

ACAF98

BAC194

D3D8BB

DCDFD5

BFBFAB

Tritanopia

B69898

D9908E

EBB7B5

E9D2D1

BDB0B1

Achromatopsia

A2A2A2

9E9E9E

BEBEBE

D2D2D2

BDBDBD

Shades & Tints Shades & Tints

#B89997

Dark

Light

#DE7D9E

Dark

Light

#EFA4C5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b89997;
  --color-2: #de7d9e;
  --color-3: #efa4c5;
  --color-4: #ebc3dd;
  --color-5: #bdc3a1;
}

SCSS

$color-1: #b89997;
$color-2: #de7d9e;
$color-3: #efa4c5;
$color-4: #ebc3dd;
$color-5: #bdc3a1;

TAILWIND

colors: {
  'brand-1': '#b89997',
  'brand-2': '#de7d9e',
  'brand-3': '#efa4c5',
  'brand-4': '#ebc3dd',
  'brand-5': '#bdc3a1',
}

RGB Array

[184, 153, 151], [222, 125, 158], [239, 164, 197], [235, 195, 221], [189, 195, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B89997, #DE7D9E, #EFA4C5, #EBC3DD, #BDC3A1 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: #b89997; --color-2: #de7d9e; --color-3: #efa4c5; --color-4: #ebc3dd; --color-5: #bdc3a1. 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