← Back to Editor

#D6BAB6 · #D8B5A3 · #E0A2AF · #E890C8 · #9B7CA3

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6BAB6

Peach Pink · Silver · Coral Red

HEX
#D6BAB6
RGB
rgb(214, 186, 182)
HSL
hsl(7, 28%, 78%)
HSB
hsb(7, 15%, 84%)
CMYK
cmyk(0%, 13%, 15%, 16%)
Oklch
oklch(81.2% 0.033 27.5)

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

#D8B5A3

Apricot · Tan · Warm Sun

HEX
#D8B5A3
RGB
rgb(216, 181, 163)
HSL
hsl(20, 40%, 74%)
HSB
hsb(20, 25%, 85%)
CMYK
cmyk(0%, 16%, 25%, 15%)
Oklch
oklch(79.9% 0.048 48.8)

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

#E0A2AF

Peach Pink · LightPink · Coral Red

HEX
#E0A2AF
RGB
rgb(224, 162, 175)
HSL
hsl(347, 50%, 76%)
HSB
hsb(347, 28%, 88%)
CMYK
cmyk(0%, 28%, 22%, 12%)
Oklch
oklch(77.5% 0.075 5.1)

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

#E890C8

Mauve · Orchid · Rose Pink

HEX
#E890C8
RGB
rgb(232, 144, 200)
HSL
hsl(322, 66%, 74%)
HSB
hsb(322, 38%, 91%)
CMYK
cmyk(0%, 38%, 14%, 9%)
Oklch
oklch(76.1% 0.127 341.9)

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

#9B7CA3

Dark Plum · LightSlateGray · Violet

HEX
#9B7CA3
RGB
rgb(155, 124, 163)
HSL
hsl(288, 17%, 56%)
HSB
hsb(288, 24%, 64%)
CMYK
cmyk(5%, 24%, 0%, 36%)
Oklch
oklch(62.9% 0.067 319.3)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6BAB6
B7D3D7

Analogous

D7B7C3
D6BAB6
D7CBB7

Triadic

D6BAB6
B7D7BB
BBB7D7

Split-Comp.

D6BAB6
B7D7CB
B7C3D7

Tetradic

D6BAB6
C3D7B7
B7D3D7
CBB7D7

Contrast Matrix WCAG 2.1 Contrast

D6BAB6
D8B5A3
E0A2AF
E890C8
9B7CA3
—
1.0
Fail
1.2
Fail
1.2
Fail
2.0
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.9
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.6
Fail
2.0
Fail
1.9
Fail
1.7
Fail
1.6
Fail
—
White BG
1.8Fail
1.9Fail
2.1Fail
2.3Fail
3.6AA Large
Black BG
11.6AAA
11.1AAA
10.0AAA
9.3AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAB7
C9C9A7
C5C5AC
C2C1BA
8E8D9A

Deuteranopia

CCCEB7
CBCEA8
C9CDAB
C7CEB7
8F9297

Tritanopia

D5B8B8
D6ABAC
DDA9A9
E4B0AD
999290

Achromatopsia

C2C2C2
BDBDBD
B6B6B6
B1B1B1
8A8A8A

Shades & Tints Shades & Tints

#D6BAB6

Dark
Light

#D8B5A3

Dark
Light

#E0A2AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6bab6;
  --color-2: #d8b5a3;
  --color-3: #e0a2af;
  --color-4: #e890c8;
  --color-5: #9b7ca3;
}

SCSS

$color-1: #d6bab6;
$color-2: #d8b5a3;
$color-3: #e0a2af;
$color-4: #e890c8;
$color-5: #9b7ca3;

TAILWIND

colors: {
  'brand-1': '#d6bab6',
  'brand-2': '#d8b5a3',
  'brand-3': '#e0a2af',
  'brand-4': '#e890c8',
  'brand-5': '#9b7ca3',
}

RGB Array

[214, 186, 182], [216, 181, 163], [224, 162, 175], [232, 144, 200], [155, 124, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6BAB6, #D8B5A3, #E0A2AF, #E890C8, #9B7CA3 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: #d6bab6; --color-2: #d8b5a3; --color-3: #e0a2af; --color-4: #e890c8; --color-5: #9b7ca3. 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